Documentation et accessibilité concernant le Design System Français (DSFR), un ensemble de composants et de bonnes pratiques pour créer des interfaces utilisateur conform — from…
Documentation et accessibilité concernant le Design System Français (DSFR), un ensemble de composants et de bonnes pratiques pour créer des interfaces utilisateur conform — from…
Generate a complete design token system for a new project — color palette, typography scale, spacing, shadows, and border radius — tailored to the product type (SaaS, e-commerce,…
Create design systems with tokens, components, and documentation. Use when building design systems, creating component libraries, or establishing design tokens.
Organizar, padronizar, auditar e evoluir design systems e templates no Figma com foco em componentes, nomenclatura, foundations, estrutura de arquivos e consistencia visual.
Detect and track design token drift between Figma design systems and code implementations - report-only skill that identifies inconsistencies and creates wrangler issues for…
Build or update frontend components and pages that strictly adhere to the project design system defined in design/design-system.json (and design/design.json when present).
Expert design systems leadership covering component libraries, design tokens, documentation, and design-development collaboration.
Establish a design source-of-truth (a DESIGN.md-style two-layer doc of tokens + rationale), build a lookbook that renders it, and wire a live-refresh preview server so visual work…
Use when setting up modern UI design systems with OKLCH colors, Shadcn components, and Tailwind v4 - provides production-ready design tokens, component patterns, and complete…
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.
Plan design systems - component libraries, design tokens, documentation strategies, versioning, governance, and adoption frameworks. — from Prorise-cool/Claude-Code-Multi-Agent
Plan design systems - component libraries, design tokens, documentation strategies, versioning, governance, and adoption frameworks. — from product/design-system-ui
Provides structured DESIGN.md schema and curated brand references for AI-native visual design specification.
Review UI components against the project's design system tokens — colors, spacing, typography, z-index, animations
Initialize design systems for projects via Q&A and templates, with auto-detection when missing
Nevera Spacing 디자인 시스템 가이드. NeveraSpacing 토큰, NeveraTheme.spacing 사용법, 컴포넌트 전용 치수(XxxDimension) 패턴, feature 모듈 간격 사용 규칙에 대한 요청에 사용한다.
Structure a DESIGN.md so agents generate consistent UI from project tokens. Trigger: When documenting a design system for agent consumption.
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates.
Read your site's representative pages, theme files, and media library to extract a complete reusable design system — logo, colors, typography, spacing scale, component patterns.
Architect scalable design token propagation using React Context and CSS-in-JS/Variables.
Comprehensive design system guidelines for building consistent, accessible, and scalable digital products
Help users build and scale design systems. Use when someone is creating a component library, establishing design tokens, scaling brand consistency, or deciding when to invest in a…
Design Thinking methodology for human-centered innovation. Covers the 5-phase IDEO/Stanford d.school approach (Empathize, Define, Ideate, Prototype, Test) with workshop…
Design thinking for ill-structured problems. Covers empathize, define, ideate, prototype, test — the iterative human-centered cycle used when the problem itself is not yet clear.
设计思维（Design Thinking）的结构化思维工具。基于 Stanford d.school、IDEO、Tim Brown 等一手来源的深度调研， 提炼 5 个核心原理和完整的操作协议。 触发词：「设计思维」「design thinking」「共情」「用户中心」「原型」「ideate」。
Guided workflow for implementing HTML design prototypes as production React components with glassmorphism styling and quality standards enforcement.
Comprehensive design token system for typography, colors, and theming with WCAG AA compliance, TypeScript types, and framework integration (CSS-in-JS, Tailwind, CSS Variables).
Help choose the right design tool based on your current task. Use when unsure whether to use frontend-design, ui-ux-designer, visual-validator, or ui-code-auditor.
Analyze design trends and recommend appropriate styles, color palettes, and typography systems for your project based on current design movements.
Technical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implementation guidance
UI/UX design workflow guidelines. Activate when working with design systems, accessibility (WCAG), user interface patterns, or design tokens.
Design API contracts, data models, and UI/UX specifications. Use for API design, data modeling, UI wireframes, and design systems.
Help users design effective surveys. Use when someone is creating customer surveys, NPS measurements, product-market fit surveys, or feedback collection mechanisms.
Desktop application accessibility expert -- platform APIs (UI Automation, MSAA/IAccessible2, NSAccessibility), accessible control patterns, screen reader Name/Role/Value/State,…
Design intuitive desktop interfaces following platform conventions with proper layouts, keyboard shortcuts, and native widgets
Vérifie et améliore l'accessibilité web (WCAG 2.1). Se déclenche avec "accessibilité", "a11y", "WCAG", "screen reader", "ARIA", "contraste", "accessible", "handicap", "le — from…
Run a workspace backup sync on demand — rsyncs Claude/Codex configs, memories, standards, hooks, skills-index, and per-project dev files to a private git repo (e.g.
Build features with TDD or implementation-first per requirement. Use with /dev-build or /dev-build [feature-name] after /dev-define.
Guide d'implémentation de la Clean Architecture et Architecture Hexagonale. Se déclenche avec "clean architecture", "architecture hexagonale", "ports and adapters", "onio — from…
Feature requirements en architectuur definiëren. Gebruik bij /dev-define [feature-name] om een feature te specificeren voor de build-fase.
Critique constructive d'interfaces et suggestions d'amélioration UX/UI. Se déclenche avec "critique mon design", "avis sur mon UI", "améliorer mon interface", "feedback design",…
Unified execution engine for all development workflows. Progressive disclosure for phase execution, quick features, story completion, and scaffolding.
Techniques de feature engineering pour améliorer les modèles ML. Se déclenche avec "feature engineering", "features", "transformation de données", "encoding", "normalisat — from…
Concevoir et implémenter un système de feature flags pour des déploiements progressifs, A/B testing, canary releases et kill switches.
Gestion de feature toggles avec LaunchDarkly, OpenFeature et implémentations custom pour le déploiement progressif et l'A/B testing.
Automatically triggered when a developer asks how to start a new feature, create or review a PRD or spec, begin implementation from a spec or Jira ticket, review code on a branch,…
Gate 2 of frontend development cycle — ensures all components pass axe-core automated accessibility scans with zero WCAG 2.1 AA violations.
Gate 5 of frontend development cycle — ensures all user flows from product-designer have passing Playwright E2E tests across Chromium, Firefox, and WebKit.
Comprehensive UI/UX design and implementation skill covering visual design principles, color theory, typography, spacing systems, layout composition, accessibility (WCAG — from…
Comprehensive UI/UX design and implementation skill covering visual design principles, color theory, typography, spacing systems, layout composition, accessibility (WCAG — from…
Start Dev Maestro dashboard for MASTER_PLAN.md tasks. Use when user says "start maestro", "open kanban", or "show tasks".
Start Dev Maestro dashboard for MASTER_PLAN.md tasks. Use when user says "start maestro", "open kanban", or "show tasks".
Panic button manuale 4 livelli per ripristinare stato pulito dopo run /dev-mvp-autopilot incartato. Levels: --to-story US-XXX (soft), --to-sprint-start N, --branch-nuke pattern,…
Fase 2: Crea il Product Requirements Document. Usa questa skill quando l'utente vuole creare il PRD, definire requisiti, personas, priorita MoSCoW, o dice fase 2, PRD, requisiti…
Complete backlog implementation in feature-driven development. Read backlog requirements, reference implemented features, design approach, implement code, and document.
Création de design systems cohérents avec tokens, composants et guidelines. Se déclenche avec "design system", "composants UI", "tokens", "style guide", "atomic design" — from…
Conseille sur la création de wireframes et mockups pour apps et sites. Se déclenche avec "wireframe", "maquette", "mockup", "prototype", "Figma", "UI layout", "comment st — from…
Orchestrate PRD creation, task generation, and gated task processing with user confirmations between phases.
Expand user requirements into detailed DevDocs documents. Use when users provide feature requirements, want to clarify requirements, or need to create product requirement…