mcpField
D
design-review-garrytan

design-review-garrytan

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

design-review-garrytan について

design-review-garrytan は、Garry Tan の gstack ツールキットに含まれるデザインスキルです。UI を体系的に目視監査し、問題に優先順位を付けて、個別のコミットで修正します。

主な機能

  1. 01体系的な UI の目視監査
  2. 02デザイン上の問題の優先順位付け
  3. 03個別コミットによる問題修正
  4. 04プロジェクト単位またはグローバルでのインストール

活用シーン

  1. 01プロダクト UI の視覚的な問題の確認
  2. 02デザイン負債の整理と修正

インストール

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

$npx skills add https://github.com/podo/design-agent-skills --skill design-review-garrytan

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

同梱ファイルstub.yaml

詳細

design-review-garrytan

カタログの概要 — スキルの全容:garrytan/gstack

判断ツリー

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

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

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

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

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

    npx skills add garrytan/gstack --skill design-review-garrytan -g -y
    

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

    npx skills add garrytan/gstack --skill design-review-garrytan -y
    

    Claude Code: 会話を離れずにコマンドを実行するには、どちらかのコマンドを ! で始まるチャットメッセージとして送信します。

インストール後の呼び出し

  • スキル名:design-review-garrytan
  • トリガーフレーズ:「デザインレビュー」、「ビジュアル監査」、「UI 監査」、「デザイン上の問題を修正」

概要

「コードを書くデザイナー」のアプローチで、UI の体系的なビジュアル監査を行い、各問題をアトミックなコミットで修正します。デザイン負債を技術的負債と同じように扱い、特定し、優先順位を付けて、修正をリリースします。優れたデザインの製品を作るための Garry Tan のツールキット、gstack に含まれています。

コメント