home/categories/architecture-patterns/daishiman-aiworkfloworchestrator-docs-99-claude-skills-design-system-architecture-skill-md
architecture-patternsdevelopment

design-system-architecture

一貫性と拡張性を両立するデザインシステムの基盤設計を支援するスキル。 デザイントークン、コンポーネント規約、Figma/コード同期を体系化する。 Anchors: • Atomic Design / 適用: コンポーネント階層設計 / 目的: 構造の一貫性確保 • Design Tokens / 適用: トークン管理 / 目的: 再利用性の向上 • Clean Architecture / 適用: 依存関係設計 / 目的: 責務分離 Trigger: Use when designing a design system, defining design tokens, or establishing component and Figma-code synchronization rules. design system architecture, design tokens, figma sync, component guidelines

daishiman
maintainer
daishiman
Updated 1/18/2026
Stars
4
Forks
0
quick start

Installation and usage

一貫性と拡張性を両立するデザインシステムの基盤設計を支援するスキル。 デザイントークン、コンポーネント規約、Figma/コード同期を体系化する。 Anchors: • Atomic Design / 適用: コンポーネント階層設計 / 目的: 構造の一貫性確保 • Design Tokens / 適用: トークン管理 / 目的: 再利用性の向上 • Clean Architecture / 適用: 依存関係設計 / 目的: 責務分離 Trigger: Use when designing a design system, defining design tokens, or establishing component and Figma-code synchronization rules. design system architecture, design tokens, figma sync, component guidelines

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use design-system-architecture