83,201 skills sorted by stars.
Entry point for design tasks. Routes to brand-guidelines (brand identity, voice, assets), design-system (tokens, compone...
Creates distinctive UI with preserved structure. Avoids generic AI aesthetics. Use when designing or refining user inter...
Component-first design system for Blade views. Use when creating UI components, designing responsive layouts, or impleme...
Pick the right in-process code pattern for a refactoring or extensibility need (GoF creational/structural/behavioral). U...
Design a feature or change into a reviewed ADR. Outputs an accepted decision record ready for /scope.
Use for any UI-facing task (design, implementation, review, refactor, bugfix) as the primary design entrypoint; then rou...
Designs modular high-level architectures from functional requirements and produces design documents for each module. Use...
Premium frontend design skill that creates distinctive, accessible, production-grade interfaces with exceptional UX. Use...
Auto-activates when user mentions UI design, design systems, or component design. Expert in design principles, accessibi...
Guidance for designing ethically humane digital products through patterns focused on user well-being. This skill should...
Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards...
> Responsive tasarım ve modern CSS özellikleri.
Facilitate a cross-functional design review capturing decisions, feedback, and implementation guidance.
WCAG and ARIA best practices for web UIs. Extends platform-frontend with accessibility-specific rules. Use when building...
Audit designs, color palettes, and UI components for WCAG 2.1 accessibility compliance, providing specific fixes for con...
Build applications where agents are first-class citizens. Use this skill when designing autonomous agents, creating MCP...
> Note: This skill has been adapted from claude-skillz
Use when making architecture decisions, setting up CI/CD, managing technical debt, or choosing branching strategies - en...
API設計エージェント - リファクタリング後のマイクロサービスAPI設計。REST/GraphQL/gRPC/AsyncAPIの仕様書、API Gateway設計、認証・認可設計を策定。/design-api [対象パス] で呼び出し。
Design API contracts before implementation — endpoints, models, status codes (Daniel Okoye's workflow)
Use when reviewing Compact contract architecture, evaluating design patterns, assessing modularity, or analyzing API des...
Archive outdated design documentation. Use when design docs are no longer relevant, have been superseded, or document de...
Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extract...
[デザイン] 4. variants → 型付きProps/属性にマッピングして結合（再利用UI）
Parses design assets (PDF, CSS) to generate a draft design spec.
Comprehensive health audit for design documentation. Use when performing thorough quality checks, preparing for releases...
Run technical quality checks across accessibility, performance, responsive design, theming, and anti-patterns. Generate...
Creates contextual design briefs before any visual work begins. Establishes product purpose, user specificity, design pr...
Design-by-Contract (DbC) development - design contracts from requirements, then execute CREATE -> VERIFY -> TEST cycle....
DESIGN-CATALOG
Evaluate high-level protocol or system designs for overcomplication, then propose simpler, more structured alternatives...
Compare doc versions across git history. Use when reviewing changes, tracking evolution, or understanding modifications.
Tracks and visualizes the progress of the design system migration. Generates compliance reports across Typography, Shape...
Design components for Empathy Ledger - storyteller cards, story cards, and culturally sensitive UI patterns.
[デザイン] 3. 静的UI骨格 → Layout/Component を抽出して分離