design-system-starter
✓アプリケーションの設計システムを作成または進化させるときに、このスキルを使用します。設計トークン構造、コンポーネント アーキテクチャ パターン、ドキュメント テンプレート、およびアクセシビリティ ガイドラインを提供します。製品間で一貫性があり、スケーラブルでアクセスしやすい UI デザインを保証します。
SKILL.md
This skill provides comprehensive guidance for building robust, scalable design systems that ensure visual consistency, improve development velocity, and create exceptional user experiences.
A design system is more than a component library. It includes:
| Design Tokens | Foundational design decisions | Colors, spacing, typography | | Components | Reusable UI building blocks | Button, Input, Card, Modal | | Patterns | Common UX solutions | Forms, Navigation, Layouts | | Guidelines | Rules and best practices | Accessibility, naming, APIs | | Documentation | How to use everything | Storybook, usage examples |
アプリケーションの設計システムを作成または進化させるときに、このスキルを使用します。設計トークン構造、コンポーネント アーキテクチャ パターン、ドキュメント テンプレート、およびアクセシビリティ ガイドラインを提供します。製品間で一貫性があり、スケーラブルでアクセスしやすい UI デザインを保証します。 ソース: yonatangross/skillforge-claude-plugin。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill design-system-starter- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
design-system-starter とは？
アプリケーションの設計システムを作成または進化させるときに、このスキルを使用します。設計トークン構造、コンポーネント アーキテクチャ パターン、ドキュメント テンプレート、およびアクセシビリティ ガイドラインを提供します。製品間で一貫性があり、スケーラブルでアクセスしやすい UI デザインを保証します。 ソース: yonatangross/skillforge-claude-plugin。
design-system-starter のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill design-system-starter インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/yonatangross/skillforge-claude-plugin
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01