ultimate-design-system-master について
プロジェクト要件を聞き取り、選択したプロンプト資料に基づいて10種類のデザイン成果物から生成する、ガイド付きスキルです。納品ごとにメニューを再表示し、ブリーフの内容を各出力に反映します。
主な機能
- 0118項目のプロジェクトブリーフ
- 0210種類のデザイン生成メニュー
- 03選択したプロンプト資料のみを読み込み
- 04ブリーフの情報を出力間で維持
- 05納品後にメニューを再表示
活用シーン
- 01ブリーフに基づくデザインシステムの作成
- 02ブランドアイデンティティやUI/UXパターンの生成
- 03アクセシビリティやデザイン品質のレビュー
- 04デザインから本番用コードへの変換
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ fabricioctelles/ skills --skill ultimate-design-system-masterインストール後、Claude Code で/ultimate-design-system-masterを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/briefing-questionnaire.mdprompt-01-design-system-architect.mdprompt-02-brand-identity-creator.mdprompt-03-ui-ux-pattern-master.mdprompt-04-marketing-asset-factory.mdprompt-05-figma-auto-layout-expert.mdprompt-06-design-critique-partner.mdprompt-07-design-trend-synthesizer.mdprompt-08-accessibility-auditor.mdprompt-09-design-to-code-translator.mdprompt-10-presentation-designer.md詳細
究極のデザインシステムマスター
ワークフロー
- ブリーフィングの収集 —
references/briefing-questionnaire.mdの18項目の質問票を適用します。すべての回答を会話のコンテキストに保持します。 - メニューの提示 — 以下の10個のジェネレーターを表示します。1つでも複数でも選択できます。
- 実行 — 選択した
references/prompt-*.mdファイルのみを情報源として読み込みます。ブリーフィングの情報を適用し、出力を生成します。 - 繰り返し — 各成果物の提示後、ユーザーが「Exit」を選択するまで、メニューを再度提示します。
メニュー
| # | ジェネレーター | ロールプレイ | リファレンス |
|---|---|---|---|
| 1 | デザインシステムアーキテクト | Appleのプリンシパルデザイナー → HIGレベルのシステム | prompt-01 |
| 2 | ブランドアイデンティティクリエイター | Pentagramのクリエイティブディレクター → 戦略+根拠 | prompt-02 |
| 3 | UI/UXパターンマスター | AppleのシニアUIデザイナー → 詳細な画面8種 | prompt-03 |
| 4 | マーケティングアセットファクトリー | 大手代理店のクリエイティブディレクター → 47種類以上のアセット | prompt-04 |
| 5 | Figmaオートレイアウトエキスパート | FigmaのデザインOpsスペシャリスト → 技術仕様 | prompt-05 |
| 6 | デザイン批評パートナー | Appleのデザインディレクター → Nielsenの観点からの批評+代替案 | prompt-06 |
| 7 | デザイントレンド統合者 | frogのデザインリサーチャー → 2026年のトレンド+ロードマップ | prompt-07 |
| 8 | アクセシビリティ監査担当 | Appleのアクセシビリティスペシャリスト → WCAG 2.2 AA監査 | prompt-08 |
| 9 | デザインからコードへの変換担当 | Vercelのデザインエンジニア → 本番環境対応コード | prompt-09 |
| 10 | プレゼンテーションデザイナー | Appleのプレゼンテーションデザイナー → 経営層向けのストーリー | prompt-10 |
| 11 | 終了 |
ルール
- すべての出力で、ブリーフィングの情報との一貫性を保ちます。
- 選択したプロンプトファイルのみを読み込みます。複数のプロンプトを混在させないでください。
- 明確でプロフェッショナルな、すぐに使える形式で提示します。
- 成果物の提示後、メニューを再度表示します。
品質チェックリスト
- 出力の生成前に、ブリーフィングの18項目すべてに回答済みです。
- 選択したプロンプトファイルのみを読み込みました。
- 出力はブリーフィング(ブランド名、色、トーン、プラットフォーム、技術スタック)と一貫しています。
- 形式は本番環境で使用できる状態です(未入力のプレースホルダーはありません)。
- 成果物の提示後にメニューを表示しました。
コメント
Markdown 対応