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
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
Features and purpose
一貫性と拡張性を両立するデザインシステムの基盤設計を支援するスキル。 デザイントークン、コンポーネント規約、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
Quick start
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
Guides ↗Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-02-10
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!