Design
UI/UX direction, visual design, and design systems
skilllist
by manhvenn05-design
Cung cấp toàn bộ ngữ cảnh hệ thống, kiến trúc và quy trình nghiệp vụ cho AI Agent để code đồng nhất dự án STEM.
design-systems
by moderndegree
Design tokens, spacing scales, color systems, and typography for building consistent UIs. Use when creating design systems, theming, or establishing UI foundations.
frontend-design
by creativernso
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
trisolaris
by zjashanda
Trisolaris offline-voice fullflow skill for D:\revolution4s\Trisolaris. Use when the task needs to read requirement docs, analyze function points, write the test plan, generate or refresh formal Excel test cases, burn firmware with the local burn wrappers, validate behavior through COM36/COM38/COM39, drive the specified playback device, and sync evidence/reports for the CSK5062 xiaodu-fan workflow.
steve-jobs-perspective
by Beliagluey635
史蒂夫·乔布斯(Steve Jobs)的思维框架与表达方式。基于Isaacson授权传记、Stanford演讲、 Lost Interview、D Conference系列、Make Something Wonderful、30+一手来源的深度调研， 提炼6个核心心智模型、8条决策启发式和完整的表达DNA。 用途：作为思维顾问，用乔布斯的视角分析产品、审视决策、提供反馈。 当用户提到「用乔布斯的视角」「乔布斯会怎么看」「Jobs模式」「steve jobs perspective」时使用。 即使用户只是说「帮我用乔布斯的角度想想」「如果乔布斯会怎么做」「切换到乔布斯」也应触发。
ai-ppt-remix
by Chaosikaros
Use when remaking an existing PPT or slide deck from a source PPTX and matching script or notes into a new deck of consistent AI-generated slide images, especially when one new slide should semantically merge one or more source slides while preserving important screenshots, text, and case-study evidence.
ui-ux-design
by simplerick0
Design user interfaces and experiences for web applications without requiring design tools. Use for wireframing in text/ASCII, defining user flows, creating component hierarchies, establishing design systems, planning responsive layouts, and making accessibility decisions.
worldcup2026-design
by MoranTheKing
Use this skill to generate well-branded interfaces and assets for the FIFA World Cup 2026 Predictions PWA (תחזיות מונדיאל 2026). Contains essential design guidelines, colors, typography, brand fonts, and UI kit components for the Hebrew RTL dark-mode mobile app.
build-dimitarseo
by Dimitar222524
Redesign dimitarseo.com — the personal Bulgarian SEO agency website of Dimitar Georgiev (Микаго Груп ЕООД) — to match the aesthetic of burstdgtl.com while keeping the existing Bulgarian content, business model, and ecommerce-SEO focus. Use this skill whenever Dimitar (or anyone operating Claude Code in his repo) asks to redesign a section, restyle a component, add a new burst-style block, refactor the homepage, update typography, swap color tokens, or otherwise move the redesign forward. Triggers: "redesign the [section]", "make it look like burst", "add the [foundations / locations / portfolio carousel] block", "restyle the hero", "swap fonts", "add the gradient icon treatment", "fix typography on [page]".
brainstorm-diagrams
by gon56956-LITE
Generate clean, PPT-ready structured brainstorming diagrams for product design, process design, failure analysis, root-cause analysis, cause-and-effect mapping, solution exploration, workshop visuals, and fishbone / Ishikawa diagrams. Version 1 supports business-simple fishbone diagrams as deterministic SVG from JSON or structured Markdown, with future workflows for redrawing existing fishbone files or whiteboard photos.
html-artifact-deliverable
by lzljim
Create a self-contained HTML artifact instead of Markdown when the user asks for a substantial report, plan, comparison, code review, PR writeup, architecture explanation, timeline, diagram-heavy document, visual prototype, slide-like walkthrough, or one-off editor/tool where layout, color, navigation, interaction, checkpoint tracking, or shareability materially improves the result. Use this for Chinese or English deliverables that need to be opened locally as a single .html file or published into a local Node.js artifact server for team viewing and state tracking. Stay in Markdown for short replies, code-only snippets, terminal instructions, durable git-reviewed docs, or content that is mainly plain text.
linkedin-visual-animation
by prabha-oss
Create animated GIF and static PNG infographics for LinkedIn posts following Ben AI's exact brand guidelines. Use this skill whenever the user wants to visualize a process, workflow, or step-by-step concept for LinkedIn — including phrases like "make a visual", "create a GIF", "infographic for LinkedIn", "visualize this workflow", "diagram for LinkedIn", "animated post", "process visual", or any request to turn a LinkedIn post or concept into a visual format. Always use this skill in combination with linkedin-post when the user wants both a written post and a visual.
leboncoin-product-selection
by jriverosesma
Select the best LeBonCoin listings from a provided JSON export using the user’s brief + online price benchmarking; return a small ranked shortlist with reasons.
nova-act-usability
by adityak6798
AI-orchestrated usability testing using Amazon Nova Act. The agent generates personas, runs tests to collect raw data, interprets responses to determine goal achievement, and generates HTML reports. Tests real user workflows (booking, checkout, posting) with safety guardrails. Use when asked to "test website usability", "run usability test", "generate usability report", "evaluate user experience", "test checkout flow", "test booking process", or "analyze website UX".
elevated-design
by nitinm21
Create sophisticated, Apple-inspired web interfaces with refined aesthetics and corporate elegance. Emphasizes generous whitespace, ultra-precise typography, asymmetric layouts, and purposeful interactions. Combines minimalist design philosophy with premium brand execution. Use when building premium landing pages, marketing sections, product showcases, or corporate interfaces that demand visual sophistication beyond standard business UI.
less-is-more-ui
by duranteargumentative719
Expert minimalist web UI design principles inspired by Ludwig Mies van der Rohe, Dieter Rams, and Jony Ive. This skill is MANDATORY for designing calm, high-quality, and functional web interfaces with strong typography, structured layouts, and zero visual noise. Use this skill whenever a task involves UI, frontend, or web design, even if the user doesn't explicitly ask for "minimalism," to ensure a professional and clear result.
web-uiux-design
by cha9ro
"Comprehensive UI/UX design principles for web applications based on Sociomedia Human Interface Guidelines (SHIG). Use when Claude needs to design or review web application interfaces, evaluate UI/UX decisions and patterns, create user-friendly forms and navigation, build accessible and consistent interfaces, apply object-oriented UI design principles, or optimize user workflows and reduce cognitive load."
frontend-design
by SomeoneWithOptions
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
ui-design-analyzer
by tomwangowa
Analyze UI/UX design from screenshots. Use this Skill when the user asks to analyze UI design, review interface screenshots, check design quality, evaluate user experience, or get design improvement suggestions.
webxr-dev
by shady843
WebXR/VR development guide for Three.js on Meta Quest — camera rig, controllers, teleport, postprocessing limitations, and hard-won pitfalls from shipping VR
semantic-css
by CreateNewUI
Skill for building beautiful, accessible web interfaces with semantic CSS. Provides design tokens for colors, typography, spacing, and effects with a 6-theme system. Use this skill when styling web applications with scalable, meaningful CSS that prioritizes accessibility and theming.
xhs-feishu-delivery
by nulideurijah-creator
Use when the user wants to create a Xiaohongshu image-text post package, validate the manual publishing workflow, or send a complete Feishu delivery card for manual Xiaohongshu posting. This skill never automates Xiaohongshu publishing.
brand-launchpad
by n3owise
Generate a creative-director-level brand system and a polished standalone HTML brand board for startups, products, SaaS tools, portfolios, media brands, entertainment labels, agencies, creator businesses, fashion brands, and studios. Use when the user wants branding, visual identity, art direction, landing-page style, tone of voice, design language, or a presentation-ready concept board. The skill should create three clearly different directions, recommend one with conviction, and output browser-ready artifacts instead of chat-only text.
spoint
by AnEntrypoint
"Build multiplayer physics games with the Spoint engine. Use when asked to: create a game, add physics objects, spawn entities, build a map/level, handle player interaction, add weapons, respawn, scoring, create moving platforms, manage world config, load 3D models, add HUD/UI, work with the EventBus, or develop any app inside an apps/ directory."