Browse 138,453 skills across 70 categories. Mirrored from majiayu000/claude-skill-registry.
Foundational design system architecture — token hierarchies, theming infrastructure, token pipelines, and governance. Us...
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when...
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
Use this skill when creating or evolving design systems for applications. Provides design token structures, component ar...
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation...
Architect scalable design token propagation using React Context and CSS-in-JS/Variables.
Validate design system compliance in code and detect token usage violations
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...
Locked design tokens, 2025-2026 aesthetic enforcement
Help users build and scale design systems. Use when someone is creating a component library, establishing design tokens,...
Build, maintain, and scale design systems including component libraries, design tokens, documentation, and governance mo...
Build consistent, scalable design systems with proper token architecture
Build or evolve a design system by producing a Design System Operating Pack: charter, token model (incl. depth/elevation...
Build and maintain design systems. Use when creating component libraries, design tokens, or style guides. Covers atomic...
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict c...
요구사항을 인터뷰하고 도메인을 설계해 정리하라. 도메인 전문가처럼 질문을 구성하고, 기능과 유저케이스를 구분해 문서화하라.
DESIGN-THEME
Design Thinking methodology for human-centered innovation. Covers the 5-phase IDEO/Stanford d.school approach (Empathize...
The technology design process from needs assessment through iteration, covering empathy mapping, design briefs, concept...
Figma-to-code translation, design tokens, spacing/typography scales, responsive breakpoints, and design system bridge pa...
This skill should be used when the user asks to "convert a design to code", "implement this UI", "build from Figma", "cr...
Use this skill when the user uploads a design screenshot, shares a Figma export, provides a mockup image, or asks to "co...
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...
Orchestrates the complete transformation of a Detailed Design Specification into executable project artifacts. This is t...
IMPORTANT: Before running this skill, ensure Claude Code is configured with extended context settings:
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...
Unified design token automation for Northcote Curio. Build, validate, and sync design tokens across CSS, Tailwind, and t...
Use this skill when users mention "sync design tokens", "Figma to code", "design system sync", "token drift", "keep toke...
Transform design tokens across multiple formats and platforms. Parse W3C design token format, transform to CSS/SCSS/JS/i...
Ensures CSS and components only use approved design tokens. Use when the user asks about design system enforcement, hard...
Purpose: Generate and maintain design system tokens across all project surfaces (UI, emails, PDFs, CLI, charts, docs)
Design tokens naming and creation rules for Wythm mobile app. **Use this skill when:** - Creating or renaming design to...
Design token generation and management. Use when: - User asks for "design tokens", "type scale", "color palette", "spaci...
(ePost) Use when working with Vien 2.0 design tokens, Figma variables, semantic colors, multi-brand theming, or translat...
Pulse Radar design system - semantic colors, spacing grid, component patterns.
Comprehensive design token system for typography, colors, and theming with WCAG AA compliance, TypeScript types, and fra...
Architects token systems with primitive, semantic, and component layers. Use when structuring tokens from scratch, addin...
[Design System] Validate that code and styles use official design tokens instead of hard-coded values. Use when (1) revi...
Procedures for creating and managing design tokens.
Help choose the right design tool based on your current task. Use when unsure whether to use frontend-design, ui-ux-desi...
Run a parallel diverge-then-converge design tournament — 3-5 independent agents explore a problem, then 2 ranking agents...
PROACTIVELY track and document project design decisions without being asked. Activate automatically when detecting archi...
This skill should be used when the user asks to "design a UI", "create a landing page", "build a dashboard", "generate a...
[デザイン] 2. SSOT → 静的UI骨格（見た目のみ）を生成
Update specific design document with new content or metadata. Use when modifying design docs, updating status/completene...
Validate design doc structure and frontmatter. Use when checking design docs for compliance, ensuring proper formatting,...
Cross-check design artifacts for consistency and completeness. Use before implementation.
[Design] Create a design based on video
Transform design inspiration into implemented code through deep analysis, interactive vision discovery, planning, and ch...
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,...