グラフィックデザイン · COURSE
修正指示書を清書する Skill
クライアントの曖昧な要望を、デザイナーが実装できる構造化指示書に。
audience
デザイン部・PM・営業
duration
45分
lessons
5 章
reviewed
2026.05
先に読むとよい
達成目安
全 5 レッスンを読み、コース完了マークを付ける
未完了
クイズ 3 問に挑戦し、正答率 80% 以上
未挑戦
コース構成
このコースで学ぶこと
- 01
クライアント要望と実装ギャップ
「もう少し元気な感じで」「ちょっと右に」「全体的に明るく」— こうした曖昧指示は実装で迷子に。
デザイン修正の現場では、クライアントからの要望が抽象的なことが多く、デザイナーが解釈に時間を取られる。Claude Code で『曖昧な要望 → 構造化指示書』への変換を Skill 化すれば、修正のキャッチボールが激減します。
- Before: 「もう少し元気な感じで」（解釈に 30 分）
- After: 「メインカラーの彩度を 10-15% 上げる + 角丸を 8px → 12px に + フォント太字化」（即実装）
- 02
ブランドガイドと修正履歴をベースに
CLAUDE.md にブランドガイド + 過去の『元気な感じ』とはどう翻訳されたか、を蓄積。
markdown# 弊社デザイン用語翻訳表 ## クライアント言葉 → 実装言葉 - 元気な感じ → 彩度 +10%、角丸 +4px、フォント Bold - 落ち着いた感じ → 彩度 -10%、トーン全体 +20% グレー、フォント Regular - 上品な感じ → コントラスト +、フォント Light、余白 +20% - 信頼感のある → ブルー系、影 -、対称的レイアウト - 若々しい → 黄〜オレンジ系、角丸 +、装飾 + ## 位置指示 - ちょっと右 → 8-16px - もう少し右 → 24-40px - 大きく右 → 48px 以上 ## サイズ感 - もう少し大きく → +10-15% - 大きく → +25-40% - 倍くらい → +80-100% （過去の指摘と実装結果を追記していく） - 03
プロンプトテンプレ：構造化変換
クライアントメール + 修正対象のスクショ → 構造化指示書。
text> revision-requests/2026-05-acmecorp.txt（クライアントのメール）と designs/v3-current.png（現状のデザイン）を読み込み、 CLAUDE.md の翻訳表を参考に構造化指示書を作って。 ## 出力 ### 1. 要望のサマリー クライアントが本当に変えたいポイント 3 つ ### 2. 具体的な変更指示 | 要素 | 現状 | 変更後 | 根拠 | 例: 「ヒーロー見出し / 色 #4A6B8C → #2E5A8B / 信頼感訴求と判断」 ### 3. 確認したい点 クライアントに確認を取った方が良い曖昧な点 2-3 つ ### 4. デザイナーへの引き継ぎメモ 優先度 / 想定工数 / 影響範囲出力イメージClaude の返答（構造化指示書・要約）## 1. 要望のサマリー - 全体をもっと「元気な印象」にしたい - ヒーローの文字が小さく感じる - CTA ボタンを目立たせたい ## 2. 具体的な変更指示 | 要素 | 現状 | 変更後 | 根拠 | |---|---|---|---| | 主要色 | 彩度 50% | 彩度 +12% | 「元気な感じ」翻訳表 | | 見出し | 32px | 40px（+25%） | 「大きく」翻訳表 | ## 3. 確認したい点 - 「元気」は配色変更まで含む想定か …（引き継ぎメモと続く）
- 04
クライアント確認の往復を減らす
「確認したい点」を最初にクライアントに 1 回投げると、後の往復が激減。
- 曖昧な指示は必ず『例の選択肢』を 2-3 つ用意して聞く
- 「もう少し明るく」→「A: 全体 +10%、B: 主要色のみ、C: 余白を増やす」を選んでもらう
- 1 回の確認で曖昧さを解消、無駄な v4・v5 を防ぐ
- 05
Skill 化と運用
`/revision-brief <client-mail>` で即生成。PM・営業も使えるよう Plugin 化して全社配布。
手を動かす
0 / 4
理解度チェック
Q1.修正指示書 Skill が時間とともに精度を上げる仕組みは？
Q2.AI が清書した修正指示書をデザイナーに渡す前に、PM や営業がやるべきことは？
Q3.修正指示書 Skill の入力として最も自然な組合せは？