83,201 skills sorted by stars.
Export to PDF/HTML/markdown. Use when distributing documentation, creating presentations, or archiving design docs.
[Design] Create a quick design
Think before coding - design the solution before implementing
Establish or formalize your design system foundation. Create design tokens (color, typography, spacing, shadows, borders...
Visual design system patterns for web UIs — layout, spacing, responsive design, and design tokens. Extends platform-fron...
[Design & Content] Create an immersive design
[Design] Create an immersive design
Investigate a bug pattern audit report and design architectural guards (tests, contracts, structural changes) that provi...
Ensures modern, professional UI design by providing principles for spacing, typography, colors, shadows, and interactive...
CoHalo UI design system guide for building consistent, reusable frontend components. Use when creating new UI components...
Modern UI design principles and guidelines for building clean, professional interfaces. Use when creating any UI compone...
Professional design methodology for building modern, premium interfaces with client branding. Use for ALL client work an...
Comprehensive UI/UX design guidelines covering visual design (typography, color, motion) and user experience (cognitive...
Create comprehensive developer handoff documentation from designs. Trigger with "handoff to engineering", "developer spe...
Эксперт по design handoff. Используй для спецификаций дизайна, Figma annotations и developer handoff.
[デザイン] （任意）SSOT → 静的HTML を生成し、doc/input/design/html/ に保存
アクセシビリティ（WCAG/ARIA/コントラスト比）やデザイントークンを実装する際に使用。フォーム・エラー表示・キーボード操作の実装時に参照。
Systematic design optimization for young-personal-site following established design principles. Ensures consistent color...
Generate table of contents for design documentation. Use when creating navigation, documentation overview, or module ind...
Initialize new design documentation from templates. Use when creating new design docs, documenting new systems, starting...
Creates accurate frontend implementations from visual references while maintaining design consistency. Use when user pro...
Use when designing or reviewing transitions, gestures, and state-change motion across web, mobile, and desktop interface...
Generates and compares design alternatives before committing. Use when the user asks to design something twice, before c...
Refine and improve designs based on feedback, testing, and evolving requirements through iterative cycles. Use for: inco...
Use this skill PROACTIVELY when design work isn't coming together on the first attempt. If you've made 1-2 design change...
Designs and implements state transition analysis systems for tracking time spent in different states. Use when analyzing...
Digital equity and trauma-informed design for marginalized populations. Activate on "accessibility", "offline-first", "t...
Generate cross-reference graph showing relationships between design documents. Use when visualizing doc dependencies, fi...
Autonomous multi-page site builder using a baton-passing loop pattern. Each iteration reads a task from .design/next-pro...
平面设计主控 - 自动生成平面设计提示词，支持海报、logo、插画等多种设计类型
Master advanced design patterns to create stunning, premium-quality user interfaces that wow users at first glance.
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files