5,690 skills sorted by stars.
Build or update frontend components and pages that strictly adhere to the project design system defined in design/design...
Use when setting up modern UI design systems with OKLCH colors, Shadcn components, and Tailwind v4 - provides production...
Plan design systems - component libraries, design tokens, documentation strategies, versioning, governance, and adoption...
Defines comprehensive schemas for design token dimensions, value scales, and component mappings. Use when building desig...
Initialize design systems for projects via Q&A and templates, with auto-detection when missing
Automated detection and enforcement of design system guidelines including dark mode, colors, spacing, typography, focus...
Swift Design Systemを使用したiOS UI実装スキル。デザイントークン（カラー、タイポグラフィ、スペーシング、角丸、モーション、エレベーション）、UIコンポーネント（Button、Card、Chip、FAB、Snackba...
Build and maintain design systems. Use when creating component libraries, design tokens, or style guides. Covers atomic...
Converts Figma/design specifications into production-ready UI components with accurate spacing, typography, color tokens...
Guided workflow for implementing HTML design prototypes as production React components with glassmorphism styling and qu...
Extracts design tokens from images and generates CSS custom properties, atomic utility classes (Tailwind-style), and pla...
Generates design tokens from multi-dimensional configurations, creating hierarchical token names with proper naming conv...
Use when implementing design token systems, CSS variable architectures, or Style Dictionary pipelines. Covers token sche...
Architects token systems with primitive, semantic, and component layers. Use when structuring tokens from scratch, addin...
Cross-check design artifacts for consistency and completeness. Use before implementation.
Expert UI designer for building responsive, accessible web interfaces with Tailwind CSS v4 and Tailwind Plus components....
Create technical solution architecture from requirements with REQ-* traceability. Designs components, APIs, data models,...
データ分析とビジネスメトリクスの設計を支援します。KPI定義、データ収集戦略、ダッシュボード設計を提供します。分析基盤の設計、ビジネスメトリクスの測定体系構築が必要な場合に使用してください。
ブランドアイデンティティとビジュアル設計システムを構築します。カラーシステム、タイポグラフィ、デザイントークン、ガイドラインを提供します。ブランド統一、デザインシステムの構築が必要な場合に使用してください。
Use this skill when you need to design a component
Use when you need to work with database schema design.This skill provides schema design and migrations with comprehensiv...
Creates distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications. Gen...
Guides the design and analysis of hexagonal architecture (Ports & Adapters) for backend systems. Use when structuring mo...
Design scalable, reliable software systems. Use when planning new systems, major features, or architecture changes. Cove...
ユーザーインターフェースの設計とコンポーネント設計を支援します。ワイヤーフレーム、レイアウト設計、デザインシステム構築、レスポンシブデザイン、インタラクションパターンを提供します。美しく機能的で実装可能なインターフェース設計が必要な場合に使...