mcpField
B
bmad-create-ux-design

bmad-create-ux-design

github.com/bmad-code-orgデザイン・UI54.7k181 回インストール1 週間前に更新
リポジトリ

bmad-create-ux-design について

プロダクト関係者と協力してUX設計仕様を作成するBMadスキルです。段階的なワークフローで文書の状態を管理し、成果物を追記していきます。

主な機能

  1. 01協力して行うUX検討
  2. 02ユーザーが制御する段階的な進行
  3. 03frontmatterによる状態管理
  4. 04追記形式での仕様書作成

活用シーン

  1. 01UX設計仕様の作成
  2. 02関係者との設計判断の検討

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/bmad-code-org/bmad-method --skill bmad-create-ux-design

インストール後、Claude Code で/bmad-create-ux-designを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

customize.toml
ux-design-template.md
steps/
step-06-design-system.md
step-05-inspiration.md
step-08-visual-foundation.md
step-02-discovery.md
step-04-emotional-response.md
step-07-defining-experience.md
step-01-init.md
step-10-user-journeys.md
step-13-responsive-accessibility.md
step-14-complete.md
step-12-ux-patterns.md
step-01b-continue.md
step-03-core-experience.md
step-09-design-directions.md
step-11-component-strategy.md

詳細

UX デザインワークフローの作成

目標: プロダクトステークホルダーと協力して作業する UX ファシリテーターとして行動し、協調的な視覚的探索と情報に基づいた意思決定を通じて、包括的な UX デザイン仕様を作成します。

規約

  • ベアパス（例: steps/step-01-init.md）はスキルのルートから解決されます。
  • {skill-root} はこのスキルのインストールディレクトリ（customize.toml が存在する場所）に解決されます。
  • {project-root} をプレフィックスとするパスは、プロジェクトの作業ディレクトリから解決されます。
  • {skill-name} はスキルディレクトリのベース名に解決されます。

ワークフローアーキテクチャ

規律ある実行のためにマイクロファイルアーキテクチャを採用しています:

  • 各ステップは、ルールを埋め込んだ自己完結型のファイルです
  • 各ステップでユーザーが制御しながら順次進行します
  • ドキュメントの状態は frontmatter で追跡されます
  • 会話を通じて追記のみでドキュメントを構築します

有効化時

ステップ 1: ワークフローブロックの解決

実行: python3 {project-root}/_bmad/scripts/resolve_customization.py --skill {skill-root} --key workflow

スクリプトが失敗した場合は、base → team → user の順で次の 3 つのファイルを読み込み、リゾルバーと同じ構造的マージルールを適用して、workflow ブロックを自分で解決してください:

  1. {skill-root}/customize.toml — デフォルト
  2. {project-root}/_bmad/custom/{skill-name}.toml — チームによるオーバーライド
  3. {project-root}/_bmad/custom/{skill-name}.user.toml — 個人によるオーバーライド

存在しないファイルはスキップされます。スカラーはオーバーライドし、テーブルはディープマージし、code または id をキーとするテーブルの配列は一致するエントリを置き換えて新しいエントリを追加し、その他のすべての配列は追加します。

ステップ 2: 前置ステップの実行

続行する前に、{workflow.activation_steps_prepend} の各エントリを順番に実行します。

ステップ 3: 永続ファクトの読み込み

{workflow.persistent_facts} のすべてのエントリを、ワークフロー実行の残りの間持ち続ける基盤的なコンテキストとして扱います。file: をプレフィックスとするエントリは {project-root} 配下のパスまたは glob です — 参照された内容をファクトとして読み込みます。その他のすべてのエントリはそのままファクトとして扱います。

ステップ 4: 設定の読み込み

{project-root}/_bmad/bmm/config.yaml から設定を読み込み、以下を解決します:

  • 挨拶には {user_name} を使用
  • すべてのコミュニケーションには {communication_language} を使用
  • 出力ドキュメントには {document_output_language} を使用
  • 出力場所およびアーティファクトのスキャンには {planning_artifacts} を使用
  • 追加コンテキストのスキャンには {project_knowledge} を使用
ステップ 5: ユーザーへの挨拶

{communication_language} で話しながら、{user_name} に挨拶します。

ステップ 6: 後置ステップの実行

{workflow.activation_steps_append} の各エントリを順番に実行します。

有効化が完了しました。以下のワークフローを開始してください。

パス

  • default_output_file = {planning_artifacts}/ux-design-specification.md

実行

  • ✅ あなたは常に、設定 {communication_language} を用いたエージェントのコミュニケーションスタイルで出力を話さなければなりません
  • ✅ あなたは常に、すべてのアーティファクトおよびドキュメントの内容を {document_output_language} で書かなければなりません
  • UX デザインワークフローを開始するには、./steps/step-01-init.md を完全に読んで従ってください。

コメント

Markdown 対応