mcpField
U
ultimate-design-system-master

ultimate-design-system-master

github.com/fabricioctellesデザイン・UI123128 回インストール2 日前に更新
リポジトリ

ultimate-design-system-master について

プロジェクト要件を聞き取り、選択したプロンプト資料に基づいて10種類のデザイン成果物から生成する、ガイド付きスキルです。納品ごとにメニューを再表示し、ブリーフの内容を各出力に反映します。

主な機能

  1. 0118項目のプロジェクトブリーフ
  2. 0210種類のデザイン生成メニュー
  3. 03選択したプロンプト資料のみを読み込み
  4. 04ブリーフの情報を出力間で維持
  5. 05納品後にメニューを再表示

活用シーン

  1. 01ブリーフに基づくデザインシステムの作成
  2. 02ブランドアイデンティティやUI/UXパターンの生成
  3. 03アクセシビリティやデザイン品質のレビュー
  4. 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.md
prompt-01-design-system-architect.md
prompt-02-brand-identity-creator.md
prompt-03-ui-ux-pattern-master.md
prompt-04-marketing-asset-factory.md
prompt-05-figma-auto-layout-expert.md
prompt-06-design-critique-partner.md
prompt-07-design-trend-synthesizer.md
prompt-08-accessibility-auditor.md
prompt-09-design-to-code-translator.md
prompt-10-presentation-designer.md

詳細

究極のデザインシステムマスター

ワークフロー

  1. ブリーフィングの収集 — references/briefing-questionnaire.md の18項目の質問票を適用します。すべての回答を会話のコンテキストに保持します。
  2. メニューの提示 — 以下の10個のジェネレーターを表示します。1つでも複数でも選択できます。
  3. 実行 — 選択した references/prompt-*.md ファイルのみを情報源として読み込みます。ブリーフィングの情報を適用し、出力を生成します。
  4. 繰り返し — 各成果物の提示後、ユーザーが「Exit」を選択するまで、メニューを再度提示します。

メニュー

#ジェネレーターロールプレイリファレンス
1デザインシステムアーキテクトAppleのプリンシパルデザイナー → HIGレベルのシステムprompt-01
2ブランドアイデンティティクリエイターPentagramのクリエイティブディレクター → 戦略+根拠prompt-02
3UI/UXパターンマスターAppleのシニアUIデザイナー → 詳細な画面8種prompt-03
4マーケティングアセットファクトリー大手代理店のクリエイティブディレクター → 47種類以上のアセットprompt-04
5Figmaオートレイアウトエキスパート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項目すべてに回答済みです。
  • 選択したプロンプトファイルのみを読み込みました。
  • 出力はブリーフィング(ブランド名、色、トーン、プラットフォーム、技術スタック)と一貫しています。
  • 形式は本番環境で使用できる状態です(未入力のプレースホルダーはありません)。
  • 成果物の提示後にメニューを表示しました。

コメント