mcpField
A
art-direction

art-direction

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

art-direction について

art-directionは、写真、イラスト、動画、キャンペーンなど、ブランドに関わる個別の制作物を企画・評価するスキルです。承認済みのブランドアイデンティティを、ビジュアル方針、仕様、展開案、レビュー手順、使用権を含む制作ブリーフにまとめます。

主な機能

  1. 01制作物のクリエイティブブリーフ作成
  2. 02ビジュアル表現と参考資料の指定
  3. 03制作要件と展開案の明確化
  4. 04レビュー段階と品質基準の設定
  5. 05ライセンスと使用権の記録

活用シーン

  1. 01写真家やイラストレーターへの依頼
  2. 02複数形式のキャンペーン企画
  3. 03ブランド適合性に基づく成果物レビュー

インストール

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

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

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

同梱ファイル

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

README.md
references/
creative-brief-template.md
illustration-brief.md
photo-shoot-brief.md

詳細

アートディレクション

ブランドを具体的な成果物へと展開するクリエイティブワークを導きます。写真、イラスト、動画、モーション、キャンペーン、環境デザインを対象とします。

このスキルは、ブランドアイデンティティが承認済み(brand-identity が完了)であることを前提としています。アートディレクションは、ブランドアイデンティティを適用し、発展させるものであり、定義するものではありません。


使用する場面

  • 写真家、イラストレーター、映像制作者へのブリーフ作成
  • キャンペーンのクリエイティブコンセプト開発
  • 社内クリエイティブチームのディレクション
  • 外部業者向けクリエイティブディレクション文書の作成
  • クリエイティブ成果物がブランドに合っているかの評価
  • ブランドのビジュアルアイデンティティを新しい形式や文脈に合わせて調整

使用しない場面

  • 複数の後続スキルにわたるプロジェクト全体の美的方向性を設定する場合(代わりに creative-direction を使用してください)。このスキルでは、特定のクリエイティブ成果物をブリーフィングします。creative-direction は、このスキルで使用する構造化された美的ブリーフを作成します。
  • ブランドのビジュアルアイデンティティをゼロから定義する場合(brand-identity を使用してください)
  • 日常的なコンポーネントデザイン(design-standards を使用してください)
  • クリエイティブワークのコピーを作成する場合(content-and-copy または landing-page-copy を使用してください)
  • デザインシステムを構築する場合(design-system を使用してください)

必須入力

  • 成果物(写真撮影、イラストセット、動画、キャンペーン)
  • ブランドアイデンティティ(ビジュアルシステム、ブランドの声、イメージの方向性)
  • この制作物の対象者
  • 目標(ブランド認知、コンバージョン、教育、感情的なつながり)
  • 予算とスケジュール
  • 配信の文脈(どこで見られるか)

フレームワーク:5つのレイヤー

クリエイティブブリーフは5つのレイヤーで構成されます。ブリーフを手元から送り出す前に、それぞれを明確にしておく必要があります。

1. ストーリー

このクリエイティブワークが本質的に何についてのものかを定めます。

  • 前提。 核となるアイデアを1文で表します。
  • 感情の軸。 オーディエンスにどのような感情を抱いてほしいかを定めます。
  • ブランドの役割。 ストーリーの中でブランドがどのように登場するかを定めます。
  • 受け取ってほしいメッセージ。 オーディエンスに何を持ち帰ってもらうかを定めます。

前提が弱いと、見た目はきれいでも何も伝わらない制作物になります。ここに時間をかけてください。

2. ビジュアル

視覚的な表現を定めます。

写真の場合:

  • 被写体と構図(クローズアップ、環境を含む構図、自然な瞬間、ポーズを取った構図)
  • ライティング(自然光、スタジオ、ドラマチック、ソフト)
  • カラーパレット(実際の色、加工あり、モノクロ)
  • 撮影場所(具体的な指定、または一般的な方向性)
  • 衣装と小道具
  • ムードの参考例(写真ブリーフテンプレートで数を指定)

イラストの場合:

  • スタイル(フラット、立体的、手描き、幾何学的、抽象的)
  • 色の使い方(フルパレット、限定色、ブランドカラーのみ)
  • 線の表現
  • 構図のスタイル
  • ディテールの度合い
  • 参考にするアーティストや作品。「Xのようにしたいが、Yのようにはしたくない」と明記します(イラストブリーフテンプレートで数を指定)

動画/モーションの場合:

  • ペース(ゆっくり、中程度、速いカット)
  • カメラの動き(固定、手持ち、移動)
  • カラーグレーディング
  • トランジションとエフェクト
  • 音声の方向性(音楽、ナレーション、環境音)
  • 参考作品(3〜5例。モーションを扱うテンプレートはないため、この数を目安にしてください)
3. 制作

制作レベルの指示を定めます。

仕様:

  • 成果物の形式とサイズ(ウェブのヒーロー画像、SNS用スクエア、印刷用全面ページ)
  • 必須のショットまたはフレーム
  • 予算に余裕があれば追加するショット
  • 衣装と小道具のリスト(実写の場合)
  • 色とアセットの仕様(色合わせ用のRGB、CMYK、16進コード)

制約:

  • 避けるべきもの(具体的な陳腐な表現、禁止する表現、規制)
  • ブランドシステムの要件(ロゴの配置、色の使用、タイポグラフィのルール)
4. バリエーション

配信先に合わせてクリエイティブをどのように展開するかを定めます。

多くのクリエイティブは複数の場所で使われます。バリエーションは事前に計画してください。

キャンペーンでよく使われるバリエーション:

  • ウェブ用ヒーロー画像(16:9以上)
  • モバイルウェブ用ヒーロー画像(4:5または1:1)
  • SNS用スクエア(1:1)
  • SNS用縦型(9:16)
  • メールバナー(一般的には3:1)
  • ディスプレイ広告のサイズ(300x250、728x90など)
  • 該当する場合は印刷物のサイズ

各バリエーションについて、構図をどのように調整するか、どの要素をトリミングまたは再配置するか、どのアセットが必要かを記載します。

5. 基準

品質の基準です。

技術面:

  • 解像度とフォーマットの要件
  • カラープロファイル
  • ファイルの命名規則
  • 納品形式(未加工+編集済み、レイヤー付きファイル、書き出し済みの各種バリエーション)

クリエイティブ面:

  • 「承認」の基準(許容できる制作物の具体例)
  • 「不承認」の基準(避けるべき制作物の具体例)
  • 想定する修正ラウンド数

ワークフロー

外部のクリエイターに依頼する場合
  1. インプットを確認します。 ブランドアイデンティティが確定していること。ターゲットと目的が明確であること。予算とスケジュールが決まっていること。
  2. コンセプトを練ります。 前提、感情的な軸、伝えるべきこと。
  3. ビジュアルの方向性を固めます。 ムードの参考資料。スタイル要素に関する具体的な指示。
  4. 仕様を作成します。 制作レベルの指示。バリエーション。制約。ライセンスと使用権は、撮影や最初のスケッチの後ではなく、その前に合意します。ライセンスを完成済みの制作物を前に再交渉すると費用がかさむため、どちらのブリーフテンプレートでもライセンスをプリプロダクションの項目にしています。
  5. ベンダーにブリーフを共有します。 書面で伝えます。対面で内容を確認します。質問の時間を設けます。
  6. 各段階でレビューします。 提案内容のレビュー、中間レビュー、最終レビューを行います。早期レビューを省略しないでください。修正の負担は後になるほど大きくなります。
  7. 承認して記録します。 制作物の内容と、ステップ4で合意したライセンスのもとで納品されたことを確認します。
社内のクリエイターに指示する場合
  1. 同じブリーフを使い、形式を簡略化します。 社内の制作では、より反復的に進められます。それでもブリーフは記録してください。
  2. 共同で制作します。 社内チームはブランドをよく理解しています。その判断を活用し、細かく指示しすぎないでください。
  3. レビューのリズムを決めます。 短期間の制作では毎日、長期プロジェクトでは毎週チェックインします。
既存の制作物を評価する場合
  1. ブリーフに照らして評価します。 ブリーフの要件を満たしていますか?どこが逸脱していますか?
  2. ブランドに照らして評価します。 ブランドらしく見えますか?競合他社のものと間違われる可能性はありますか?
  3. 目的に照らして評価します。 意図した成果につながりますか?
  4. 修正点を特定します。 何を改善できますか?妥協できない問題と、許容できる問題はそれぞれ何ですか?

失敗につながるパターン

  • 「モダンで、すっきりしていて、ミニマル」なブリーフ。 何も伝わりません。具体性を求めてください。具体的な参考ブランド、著名なアーティスト、またはビジュアルの例を使います。
  • 「避けるべきこと」の指示がない。 ベンダーは幅広く解釈します。範囲外のものを明確に伝えてください。
  • 実際には競合の制作物である参考画像。 競合に似たものができあがります。直接の競合を参考資料に使わないでください。
  • 早期レビューの省略。 プロセス後半の修正は、提案段階で問題を発見する場合と比べて、費用が5倍かかります。
  • 関係者が多すぎること。 6人の関係者がそれぞれクリエイティブに意見を出すと、まとまりのない制作物になります。クリエイティブの決定権を集約してください。
  • 配信先を考慮しないこと。 実際に使用される状況で機能しないクリエイティブは失敗です。
  • バリエーションの計画がないこと。 納品時になって正方形のトリミングが必要だと判明したのに、写真家が16:9のみで構図を決めていた、という事態になります。
  • 「まあまあ」のクリエイティブを承認すること。 「まあまあ」は、個性を際立たせることの妨げになります。心を動かされないなら、オーディエンスの心も動かせません。

出力形式

デフォルトでは、references/ 内のブリーフテンプレートのいずれかに沿って作成したクリエイティブブリーフを creative-brief-[project].md に出力します。写真撮影には references/photo-shoot-brief.md、イラストには references/illustration-brief.md、それ以外または複数の制作手法を組み合わせる場合には references/creative-brief-template.md を使用します。選んだテンプレートの構成に従ってください。各テンプレートには、それぞれ独自のセクション一覧、セクションの順序、参考画像の点数が定められています。以下の5層のアウトラインに当てはめようとしてはいけません。テンプレートには、5層には含まれないセクションもあります。ライセンスや使用権など、制作開始後ではなく開始前に欠かせないセクションです。

5つの層は、考えるための枠組みです。すべてのテンプレートが、独自の順序ですべての層を網羅しています。

  1. ストーリー(前提、主軸、ブランドの役割、伝えたいこと)
  2. 見た目(参考資料を用いたビジュアル表現)
  3. 実行(仕様、バリエーション、制約)
  4. 基準(品質基準、許容される例と許容されない例)
  5. ロジスティクス(スケジュール、マイルストーン、予算、納品物、ライセンスと使用権)

さらに、選んだテンプレートに定められた点数の画像を含む、ムードボードまたはビジュアル参考資料を別途用意します。


参考ファイル

コメント