design-review-garrytan について
design-review-garrytan は、Garry Tan の gstack ツールキットに含まれるデザインスキルです。UI を体系的に目視監査し、問題に優先順位を付けて、個別のコミットで修正します。
主な機能
- 01体系的な UI の目視監査
- 02デザイン上の問題の優先順位付け
- 03個別コミットによる問題修正
- 04プロジェクト単位またはグローバルでのインストール
活用シーン
- 01プロダクト UI の視覚的な問題の確認
- 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
判断ツリー
-
スキル全体はすでにインストールされていますか? この場所にあるスキルに、まだ
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に進みます
- グローバル:
-
スコープを検出してから、インストールします:
スコープを検出するには:
[ -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 -yClaude Code: 会話を離れずにコマンドを実行するには、どちらかのコマンドを
!で始まるチャットメッセージとして送信します。
インストール後の呼び出し
- スキル名:
design-review-garrytan - トリガーフレーズ:「デザインレビュー」、「ビジュアル監査」、「UI 監査」、「デザイン上の問題を修正」
概要
「コードを書くデザイナー」のアプローチで、UI の体系的なビジュアル監査を行い、各問題をアトミックなコミットで修正します。デザイン負債を技術的負債と同じように扱い、特定し、優先順位を付けて、修正をリリースします。優れたデザインの製品を作るための Garry Tan のツールキット、gstack に含まれています。
コメント
Markdown 対応