design-system-patterns
✓デザイン トークン、テーマ インフラストラクチャ、コンポーネント アーキテクチャ パターンを使用して、スケーラブルなデザイン システムを構築します。デザイン トークンの作成、テーマ切り替えの実装、コンポーネント ライブラリの構築、またはデザイン システム基盤の確立時に使用します。
インストール
SKILL.md
Master design system architecture to create consistent, maintainable, and scalable UI foundations across web and mobile applications.
デザイン トークン、テーマ インフラストラクチャ、コンポーネント アーキテクチャ パターンを使用して、スケーラブルなデザイン システムを構築します。デザイン トークンの作成、テーマ切り替えの実装、コンポーネント ライブラリの構築、またはデザイン システム基盤の確立時に使用します。 ソース: wshobson/agents。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wshobson/agents --skill design-system-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/wshobson/agents --skill design-system-patterns- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
design-system-patterns とは？
デザイン トークン、テーマ インフラストラクチャ、コンポーネント アーキテクチャ パターンを使用して、スケーラブルなデザイン システムを構築します。デザイン トークンの作成、テーマ切り替えの実装、コンポーネント ライブラリの構築、またはデザイン システム基盤の確立時に使用します。 ソース: wshobson/agents。
design-system-patterns のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wshobson/agents --skill design-system-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/wshobson/agents