mcpField
C
creative-direction

creative-direction

github.com/rampstackcoクリエイティブ・メディア1.0k426 回インストール1 週間前に更新
リポジトリ

creative-direction について

creative-directionは、創作意図をプロジェクト全体の美的ブリーフにまとめるスキルです。トーン、ビジュアルスタイル、オーディエンスとの関係、感情への訴求を定め、後続の制作物に一貫性を持たせます。

主な機能

  1. 014軸のクリエイティブディレクション
  2. 02理由と統合文を含むブリーフ
  3. 03参考事例の分析と緊張関係の確認
  4. 04避ける事項と未解決の質問
  5. 05後続スキルへの引き継ぎ指針

活用シーン

  1. 01ブランド、キャンペーン、ローンチの方向設定
  2. 02複数スキルで美的方向を共有
  3. 03凡庸に感じるプロジェクトの再調整
  4. 04制作前の選択事項の記録

インストール

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

$npx skills add https://github.com/rampstackco/claude-skills --skill creative-direction

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

同梱ファイル

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

README.md
references/
axes-explained.md
brief-template.md
example-aesthetic-brief.md

詳細

クリエイティブディレクション

フレームワークがあれば、一定の水準のアウトプットは生み出せます。一貫したアウトプットには、ブリーフが必要です。

このスキルは、曖昧なクリエイティブの意図を、後続のスキルが参照できる構造化されたブリーフに変換します。センスを生み出すのではありません。方向性を捉えることで、プロジェクトに必要な数多くの細かな判断(言葉選び、画像の選定、余白、順序、何を省くか)がすべて同じ問いに答えるようにします。


各軸の各位置について、トーン、美的感覚、オーディエンスとの関係性、目指す感覚的な体験を一貫して記録したリファレンスブランドライブラリを使えば、実例を集められます。以下のフレームワークでは4つの軸を説明します。ブリーフ作成ワークフローでは、ユーザー独自のリファレンスセットにある各実例をそれぞれの軸に沿って位置づけます。


使用する場面

  • 美的な一貫性が重要となる、複数のタッチポイントにまたがるプロジェクト(ウェブサイト、ブランド、キャンペーン、製品ローンチ)の開始時
  • 統一されたトーンとビジュアルを共有する必要がある複数の後続スキルを実行する前
  • 制作の質は高いものの、ありきたり、または一貫性がないと感じるプロジェクトを引き継ぐとき
  • 時間とともに美的な方向性がずれてきた既存プロジェクトを再調整するとき
  • ユーザーがキュレーションに不慣れで、望む雰囲気はわかっているものの、それを生み出す判断を言葉にできないとき

使用しない場面

  • スコープ、オーディエンス、成果物、制約を網羅する一般的なキックオフブリーフが必要な場合は、代わりに creative-brief を使用してください。このスキルは美的な軸を掘り下げるものであり、業務上の要件は扱いません。
  • 特定のクリエイティブ成果物(写真撮影、イラスト一式、動画、キャンペーン)のブリーフを作成する場合は、代わりに art-direction を使用してください。このスキルはプロジェクト全体の美的な方向性を示し、art-direction はその方向性を個々のクリエイティブ制作へと展開します。
  • 単発の戦術的な制作物(ツイート1件、エラーメッセージ1件、ボタンラベル1つ)
  • ユーザーが完全な美的方向性をすでに文書化しているプロジェクト(後続のスキルに進んでください)
  • 純粋に機能的なアウトプット(データテーブル、フォームラベル、システムステータステキスト)
  • 方向性がすでに確定している制作段階での実行
  • センスを磨くことが目的の場合。このスキルは意図を明文化するものであり、判断力を養うものではありません。

必要な入力

  • プロジェクト名と1段落の説明
  • ターゲットオーディエンス(大まかで構いません。詳しいオーディエンスプロフィールは brand-discovery で作成します)
  • ビジネス目標(このプロジェクトがうまくいった場合、何が変わるか)
  • 任意ですが、あると非常に役立つもの:ユーザーが気に入っている参考URLを2〜4件(サイト、ブランド、または作品)。具体的にどこに惹かれたかを一文で添えてください
  • 任意:プロジェクトが新規立ち上げではなく刷新の場合は、既存のブランドアセット
  • 明示しておくべき制約(親ブランドのトーン、規制上求められるトーン要件、アクセシビリティの最低基準)

フレームワーク:4つの方向性を示す軸

クリエイティブブリーフは4つの軸が交わるところに位置します。各軸は二者択一ではなくスペクトラムです。ユーザーはプロジェクトにおいて隣接する位置を除外することを理解したうえで、各軸の位置を選びます。

1. トーンのレジスター

制作物のフォーマルさはどの程度でしょうか。言葉にはどれほどの熱量があるでしょうか。

位置:

  • プロフェッショナル。 落ち着きがあり、正確で、抑制されたトーンです。読者が自分で考えることを信頼します。節度がその姿勢を示します。
  • 会話的。 より親しみやすく、個人的で、一人称や短縮形も自然に使います。思慮深い人が話しているように読めます。
  • 遊び心のある。 機知や意外性があり、効果を狙って形式を崩すこともいといません。うまく伝わらなければ、読者が要点を見失うリスクがあります。
  • 挑発的。 主張が明確で、意見をはっきり示し、他のブランドが取らない立場をあえて取ります。その立場に賛同しない人を遠ざけるリスクがあります。

選び方: オーディエンスはすでに何に触れすぎていて、何が足りないでしょうか。カテゴリーが堅苦しいなら、会話的または遊び心のあるトーンが差別化につながります。カテゴリーが騒々しいなら、抑制の効いたプロフェッショナルなトーンが差別化につながります。

2. 美的哲学

この作品はどれほど視覚的な密度を備えていますか? それぞれの要素は、その場に置かれるだけの価値をどれほど持っていますか?

選択肢:

  • 抑制されたエディトリアル。 ゆとりある余白、グリッドではなく決定的な一枚の画像、練られたタイポグラフィ、少ない色数。自信とゆとりを感じさせます。
  • 洗練されたスタンダード。 モダンな SaaS の美学。整然としたグリッド、バランスの取れたコントラスト、期待どおりのプロポーション。能力とプロ意識を感じさせます。
  • 統制されたマキシマリスト。 すべての要素に意図がある、高い視覚的密度。大胆でありながら、緻密に設計されています。技巧と信念を感じさせます。
  • 表現豊かなマキシマリスト。 視覚的な豊かさ、大胆さ、そしてぶつかり合いもいとわない姿勢。エネルギーと野心を感じさせます。うまく実現するのが最も難しいスタイルです。

選び方: このプロジェクトは、注目との関係についてブランドが何を伝えていますか? 抑制的なスタイルは、注目に値することで注目を集めます。マキシマリストは、注目を離させないことで注目を集めます。

3. オーディエンスとの関係

ブランドは読者に対して、どのような立場を取りますか?

選択肢:

  • 権威。 私たちが真実を伝えます。暗黙の上下関係があり、専門知識を示し、読者は学ぶ側です。
  • 仲間。 私たちは一緒に答えを探しています。対等な立場で、共通の語彙を持ち、読者は共に考える人です。
  • 伴走者。 私たちはあなたと歩みます。権威よりも上下関係は薄く、仲間よりも存在感があります。読者は自らの仕事の主人公です。
  • コーチ。 私たちはあなたに挑戦を促します。ブランドは、読者が一人では自分に課さないような目標へと後押しします。読者はトレーニングを受ける人です。

選び方: オーディエンスが最も必要としているものは何ですか? 迷いを感じているオーディエンスには、権威やコーチが求められます。見下されていると感じているオーディエンスには、仲間や伴走者が求められます。選択を誤ると、読者を見下すか、見捨てることになります。

4. 感覚的な志向性

この作品は、読者にどれほどの感情的な反応を求めますか?

選択肢:

  • 機能重視。 仕事を片付けます。読者は必要な情報を得て、すぐに離れます。美的要素は明快さに貢献します。実用性を重視するツールのほとんどがここに当てはまります。
  • 配慮された体験。 読者は技巧に気づきます。美的な選択は目に見えますが、それ自体が主役ではありません。高級ブランドのほとんどがここに当てはまります。
  • 共鳴する体験。 読者は、ブランドが意図的に設計した特定の感情を抱きます。美的要素が意味を担います。実現するのが最も難しいスタイルです。エディトリアルやナラティブを重視するブランドの多くが目指しています。

選び方: この体験において、オーディエンスは何を得るに値しますか? 機能重視は時間を尊重します。共鳴する体験は感情を尊重します。選択を誤ると、注目を無駄にするか、実用性を届けられなくなります。


ワークフロー

  1. 入力情報を集めます。 プロジェクト名、説明、オーディエンス、目標、参考資料。
  2. 各軸を質問として順に確認します。 一度に一つの軸を扱います。それぞれの軸について、選択肢を提示し、トレードオフを明らかにしたうえで、ユーザーが選んだ位置とその理由を記録します。
  3. インスピレーションとなる参考資料を確認します。 提供された参考 URL ごとに、具体的にどの点に惹かれるのかを尋ねます。抽象的な説明よりも、その回答のほうが、どの軸の位置が適切かを明確にすることがよくあります。
  4. 緊張関係を明らかにします。 組み合わせによっては、うまく実現するのが難しいものがあります。機能重視+挑発的なスタイルはまれです。挑発には通常、純粋に機能を重視する作品では避けられる感情的な関与が必要になるためです。権威+機能重視は、少しでも親しみを加えないと、説教じみた印象になりがちです。こうした緊張関係を指摘し、ユーザーに確認するか、再検討してもらいます。
  5. 統合します。 この組み合わせが実際にどのような成果を生むかを、一段落でまとめます。
  6. ブリーフを出力します。 references/brief-template.md の構成を使って、Markdown 形式で作成します。ブリーフはプロジェクト成果物となり、通常はプロジェクトのルートに BRIEF.md として保存されます。
  7. 引き継ぎます。 美的成果物を作成する後続のスキルでは、ブリーフを参照します。一貫性が重要となる landing-page-copy、art-direction、content-and-copy、brand-style-guide、その他のスキルを使う前に、必ずブリーフを読みます。

失敗パターン

  • センスを磨くためにこれを使う。 このスキルは意図を体系化するものであり、判断力を生み出すものではありません。センスのないユーザーがこれを使っても、まとまりのない成果物ができるだけです。ブリーフによって、そのまとまりのなさが一貫するだけです。
  • インスピレーションの参考資料を省略する。 参考資料は、各軸の位置が実際に何を意味するのかを調整するためのものです。例を見ずに「編集的で抑制された」を選ぶユーザーは、アートディレクターがその言葉で意味するものとは、たいてい異なるものを指しています。
  • 各位置を絶対的なものとして扱う。 「会話的」なプロジェクトにも、権威ある場面や遊び心のある場面はあります。位置は重力の中心であり、柵ではありません。
  • プロジェクトの途中でブリーフから逸れる。 最もよくある失敗です。ブリーフを書いたあと、無視してしまいます。規律を守り、後続の各スキルは出力を作成する前にブリーフを確認します。スキルがブリーフに反する必要がある場合、その逸脱はユーザーが意識的に下す決定であり、うっかり起きるものであってはなりません。
  • 相容れない組み合わせを、注意喚起せずに選ぶ。 機能的と挑発的の組み合わせは技術的には有効ですが、非常に難しいものです。このスキルは、その組み合わせが珍しいことを示し、ユーザーに確認を求めるべきです。
  • 誰も参照しないブリーフを作る。 後続の出力を変えないブリーフは飾りにすぎません。良いブリーフかどうかは、別のブリーフを使った場合に出力が変わるかどうかで判断できます。

出力形式

既定の出力は Markdown 形式のブリーフで、通常はプロジェクトのルートに BRIEF.md として保存します。

構成:

  1. プロジェクトの概要。 名前、1 段落の説明、ターゲットオーディエンス、ビジネス目標。
  2. 4 つの軸の選択。 各軸で選んだ位置と、その理由を 1 文で記載します。
  3. 統合パラグラフ。 この組み合わせが実際にどのようなものを生み出すかを記述します。未来への願望ではなく、現在形で書きます(「このブリーフは、次のような成果物を生み出します……」とし、「このブリーフは、私たちの助けになります……」とは書きません)。
  4. インスピレーションの参考資料。 提供された URL と、それぞれが具体的に何を示しているかについての注記。
  5. 却下リスト。 このブリーフで明確に採用しないものを記載します。多くの場合、最も役に立つセクションです。例:「お客様の声を並べたページは作らない。ストック写真は使わない。感嘆符は使わない。」
  6. 未解決の質問。 未解決の事項のうち、後続のスキルが把握する必要のあるものを記載します。

ブリーフは一度きりの納品物ではなく、プロジェクトの全期間にわたる参考資料です。プロジェクトの方向性が本当に変わったときは更新してください。実行が難しいときに更新したくなる衝動は抑えましょう。たいていの場合、必要なのはブリーフを緩めることではなく、実行をさらに徹底することです。


参考ファイル

  • references/axes-explained.md - 4 つの軸を詳しく説明しています。各軸の位置、特徴、ユーザーの目を養うための各位置におけるブランドの短い例を掲載しています。
  • references/brief-template.md - ブリーフ出力用の空のテンプレートです。
  • references/example-aesthetic-brief.md - 代表的なプロジェクトの完成済みブリーフです。抽象的な軸を、具体的なクリエイティブの方向性に落とし込む方法を示しています。

コメント