design-system-starter
✓デザイン トークン、コンポーネント アーキテクチャ、アクセシビリティ ガイドライン、ドキュメント テンプレートを使用してデザイン システムを作成および進化させます。製品間で一貫性があり、スケーラブルでアクセスしやすい UI を保証します。
SKILL.md
Build robust, scalable design systems that ensure visual consistency and exceptional user experiences.
That's it. The skill provides tokens, components, and accessibility guidelines.
| Create design system | "Create a design system for my app" | | Design tokens | "Set up design tokens for colors and spacing" | | Component architecture | "Design component structure using atomic design" | | Accessibility | "Ensure WCAG 2.1 compliance for my components" | | Dark mode | "Implement theming with dark mode support" |
デザイン トークン、コンポーネント アーキテクチャ、アクセシビリティ ガイドライン、ドキュメント テンプレートを使用してデザイン システムを作成および進化させます。製品間で一貫性があり、スケーラブルでアクセスしやすい UI を保証します。 ソース: softaworks/agent-toolkit。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/softaworks/agent-toolkit --skill design-system-starter- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
design-system-starter とは？
デザイン トークン、コンポーネント アーキテクチャ、アクセシビリティ ガイドライン、ドキュメント テンプレートを使用してデザイン システムを作成および進化させます。製品間で一貫性があり、スケーラブルでアクセスしやすい UI を保証します。 ソース: softaworks/agent-toolkit。
design-system-starter のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/softaworks/agent-toolkit --skill design-system-starter インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/softaworks/agent-toolkit
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01