83,201 skills sorted by stars.
[Design & Content] Create a design based on screenshot
Full-text search across design documentation. Use when looking for specific topics, decisions, or patterns documented ac...
Identify design quality issues in code including high coupling, low cohesion, God classes, long methods, and other code...
Converge on a single recommended solution after brainstorming options. Use when you have multiple candidate approaches a...
Create UI/UX design specifications from requirements or Figma designs. Use when creating design specs, documenting UI co...
[Project Management] Create UI/UX design specifications from requirements, PBIs, or user stories. Produces structured de...
Use when extracting design specifications from visual sources including Figma exports, UI mockups, screenshots, or live...
Extract comprehensive JSON design specifications from visual sources including Figma exports, UI mockups, screenshots, o...
提供 UI/UX 设计、用户研究、视觉设计和品牌一致性能力。当需要设计界面、进行用户研究或创建视觉资产时使用。
Curated micro-interactions and design details that add "magic" and personality to websites and apps.
[デザイン] （任意）1枚ペラHTML → ページ単位の静的HTMLに分割
Test big ideas in just 5 days. Apply Google Ventures' proven methodology to go from problem to validated prototype witho...
Run a structured 5-day process to prototype, test, and validate product ideas with real users. Use when the user mention...
[デザイン] 1.（Figma起点）SSOT（tokens/components/context/assets）を生成
Copies an existing landing page (from URL or image) into a specified page in the codebase using Playwright MCP. Iterativ...
Access 263+ design styles with AI-optimized prompt keywords for frontend development
Sync design docs with codebase state. Use when verifying documentation accuracy, after code changes, or when last-synced...
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), C...
NEVER use hardcoded Tailwind colors. ALWAYS use semantic CSS variables.
The complete Arcanean Design System - cosmic visual language, academy themes, component patterns, and design tokens for...
Prowl 앱의 디자인 시스템 (Liquid Glass + 골드 액센트)
Extract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typogra...
Theme-aware design system analysis and token mapping. Covers extracting theme tokens, mapping mock values, and gap analy...
Design system management for building and reusing UI components, tokens, and patterns. Use when working with component l...
Scalable design systems with Atomic Design, design tokens, theming. Use for component libraries, dark mode, typography,...
Build scalable design systems with design tokens, component APIs, and documentation. Use when creating or evolving compo...
Review design system usage and gaps
Patterns for building design system components using Surface primitives, CVA variants, and consistent styling. Use when...
Build comprehensive design systems with components, patterns, and guidelines. Enable consistent design, faster developme...
Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI developmen...
Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libr...
This skill provides a curated set of cross-platform design guideline prompts for building consistent, high-quality UIs....
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when...