mcpField
E
extract-design-md

extract-design-md

github.com/podoデザイン・UI29165 回インストール1 日前に更新
リポジトリ

extract-design-md について

extract-design-md は Google Stitch の出力からデザイン仕様を抽出し、構造化された DESIGN.md にまとめるスキルです。デザイン決定の共有やバージョン管理、反復作業での一貫性維持に役立ちます。

主な機能

  1. 01Google Stitch からデザイン仕様を抽出
  2. 02構造化された DESIGN.md を生成
  3. 03エージェント間でデザイン決定を共有
  4. 04反復作業でのデザイン一貫性を維持

活用シーン

  1. 01Google Stitch のデザインを DESIGN.md に記録
  2. 02複数のエージェント間で仕様を共有
  3. 03反復作業でビジュアルの一貫性を維持

インストール

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

$npx skills add https://github.com/podo/design-agent-skills --skill extract-design-md

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

同梱ファイルstub.yaml

詳細

extract-design-md

カタログ用スタブ — スキルの全内容:google-labs-code/stitch-skills

判断ツリー

  1. スキルの全内容はすでにインストールされていますか? この場所にあるスキルに、まだ das: ブロックがあるか確認します:

    • グローバル:grep -q "^das:" ~/.agents/skills/extract-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • プロジェクト:grep -q "^das:" .agents/skills/extract-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • das: ブロックがない → スキルの全内容がインストールされています。実行して続行します
    • das: ブロックがある → ステップ 2 に進みます
  2. スコープを検出してから、インストールします:

    スコープを検出するには:

    [ -e ~/.agents/skills/extract-design-md ] && echo "global" || echo "project"
    

    グローバル(-g を付けてインストール):

    npx skills add google-labs-code/stitch-skills --skill extract-design-md -g -y
    

    プロジェクト(-g を付けずにインストール):

    npx skills add google-labs-code/stitch-skills --skill extract-design-md -y
    

    Claude Code: 会話を離れずに実行するには、いずれかのコマンドの先頭に ! を付けてチャットメッセージとして送信します。

インストール後の実行

  • スキル名:extract-design-md
  • トリガーフレーズ:「extract design md」、「stitch to DESIGN.md」、「DESIGN.md」

機能

Google Stitch の出力からデザイン仕様を抽出し、構造化された DESIGN.md ファイルを生成します。これは、視覚的なデザイン上の決定を記述するための Google Stitch 互換形式です。生成されたファイルは、バージョン管理やエージェント間での共有ができ、反復作業を通してデザインの一貫性を維持するために使用できます。Google Labs 公式の Stitch スキルの一部です。

コメント