design-system-starter とは?
デザイン トークン、コンポーネント アーキテクチャ、アクセシビリティ ガイドライン、ドキュメント テンプレートを使用してデザイン システムを作成および進化させます。製品間で一貫性があり、スケーラブルでアクセスしやすい UI を保証します。 ソース: cachemoney/agent-toolkit。
デザイン トークン、コンポーネント アーキテクチャ、アクセシビリティ ガイドライン、ドキュメント テンプレートを使用してデザイン システムを作成および進化させます。製品間で一貫性があり、スケーラブルでアクセスしやすい UI を保証します。
コマンドラインで design-system-starter AI スキルを開発環境にすばやくインストール
ソース: cachemoney/agent-toolkit。
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 を保証します。 ソース: cachemoney/agent-toolkit。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/cachemoney/agent-toolkit --skill design-system-starterデザイン トークン、コンポーネント アーキテクチャ、アクセシビリティ ガイドライン、ドキュメント テンプレートを使用してデザイン システムを作成および進化させます。製品間で一貫性があり、スケーラブルでアクセスしやすい UI を保証します。 ソース: cachemoney/agent-toolkit。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/cachemoney/agent-toolkit --skill design-system-starter インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/cachemoney/agent-toolkit