mcpField
B
brandkit-interview

brandkit-interview

github.com/arnie936デザイン・UI2252 回インストール10 週間前に更新
リポジトリ

brandkit-interview について

4段階のブランド作成プロセスで使うインタビュースキルです。ブランドの位置付け、個性、ビジュアル、言葉遣いに関する決定を整理し、後続の Brand Kit 作成に使う詳細な原稿をまとめます。

主な機能

  1. 01回答可能な質問を段階的に提示
  2. 02位置付けと個性の整理
  3. 03色とタイポグラフィの選定記録
  4. 04文体ルールと禁止語の記録
  5. 05ブランド原稿ファイルの作成

活用シーン

  1. 01新ブランドのビジュアル設計の開始
  2. 02後続の Brand Kit に向けた決定事項の整理

インストール

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

$npx skills add https://github.com/arnie936/ai-brand-kit --skill brandkit-interview

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

詳細

ブランドインタビュー

このスキルは 4 段階中のステップ 2 で、brandkit-setup と brandkit-build の間に位置します。

成果物は1 つのファイルです。ステップ 3 で短く拘束力のあるキットにまとめる、詳細なブランドの草案です。

インタビューを行う理由

ブランドがなければ、デザインに関する判断は毎回、その場しのぎで偶然に左右されます。すると、言語モデルが統計的に最も多く目にしてきたもののような結果になります。青紫のグラデーション、角丸のカード、フォントは Inter。間違いではありませんが、ありきたりです。

インタビューでは、質問されなければ自分では決して決めないことを決めてもらいます。必要なことのほとんどは本人が知っています。ただ、それを口にしたことがないだけです。

進め方

まず grill-with-docs スキルを呼び出します。質問をラウンドごとに進めるインタビューが始まります。その時点で回答できる質問をすべて、番号と推奨案を添えてまとめて提示します。その後、次のラウンドに進む前に回答を待ちます。

grill-with-docs がインストールされていない場合は、同じ方法で自分でインタビューを進め、brandkit-setup がそれを追加インストールすることを一度伝えます。

以下の軸は質問の候補であり、順番にすべて確認するためのチェックリストではありません。すでに回答されている内容は、再度質問しません。

軸

この順序には意図があります。ポジショニングを決めずに色を選ぶと、結論の出ない好みの議論につながります。

1. 核心。 一言で言うと、これは何ですか?誰のためのもので、何との差別化を図っていますか?誰かがこのブランドを人に勧めるとき、どのように説明してほしいですか?

2. 個性。 3〜6 個の特性を挙げます。賛同よりも、避けたいもののほうが参考になります。ブランドが明確にそうであってはならないものは何ですか?「決して企業的でない」は「モダン」よりも的確です。

3. 構造。 すべてを統括するブランドを 1 つにするのか、複数のサブブランドにするのか?本人の正式な名前とブランド名は、それぞれどこに位置づけますか?この質問は見落とされがちですが、最初のロゴを作るときにそのツケが回ってきます。

4. 手本と反面教師。 トーンが合うブランドを 2〜3 個挙げます。近いけれど、方向性が違うブランドはどれですか?手本よりも、反面教師のほうが方向性を明確にできます。

5. 色。 基調色を 1 つ(暗い、明るい、暖色系、寒色系)と、アクセントカラーを最大 1〜2 色選びます。好きな色ではなく、意味を持たせるアクセントカラーについて尋ねます。さらに、明るいモードがあるのか、印刷物やドキュメントを含め、すべて暗いままなのかを確認します。この判断は後々あらゆるものに影響し、決めていないと変更に大きなコストがかかります。

6. タイポグラフィ。 役割は 2〜3 種類で十分です。見出し用のディスプレイ書体、本文用の書体、必要に応じて数字、価格、バージョン、技術ラベル用のモノスペース書体です。モノスペース書体の役割は過小評価されがちですが、技術系ブランドを印象づける要素になることがよくあります。

7. グリッドと雰囲気。 余白はどれくらい必要ですか?左右対称ですか、それとも編集的な非対称ですか?角は丸くしますか、それとも直角にしますか?影、グラデーション、ガラス効果は使いますか?ここで明確に「いいえ」と決めることは、曖昧な「はい」を 3 つ挙げるより価値があります。

8. コンポーネント。 どの要素を繰り返し使いますか?価格表、比較表、FAQ、顧客の声、フォーム、図表などです。ブランドをひと目で認識できるシグネチャー要素はありますか?

9. 言葉遣い。 言語と呼びかけ方(親しみを込めた呼びかけか、丁寧な呼びかけか)。同じ内容を伝える、良い例文と悪い例文のペアを 1 組用意します。また、禁止リストも作成します。決して使わない言葉を挙げます。これは機械的にチェックできるため、キット全体で最も効果的な部分です。

10. フォーマット。 実際に何を制作しますか?ウェブサイト、サムネイル、スライド、ドキュメント、ソーシャル投稿などです。それぞれに必要なピクセル寸法を記録します。

11. 画像。 写真、AI 生成画像、イラスト、それとも画像は一切使いませんか?AI 生成画像を使う場合、適したモチーフと禁止するモチーフは何ですか?この回答はステップ 4 で直接必要になります。

どこを掘り下げるべきか

次の3つの回答は、曖昧なまま返ってくることが多いため、掘り下げる価値があります。

  • 「モダンでプロフェッショナル」は何も説明していません。極端な方向性を尋ねてください。徹底的にミニマル、マキシマリスト、エディトリアル、ラグジュアリー、遊び心のあるスタイル、インダストリアルなどです。
  • 「正直、どの色も好き」は、制限を設けることこそが要点だと、まだ理解していないということです。割合を尋ねてください。アクセントカラーは、面積の何パーセントまで使えますか?
  • 禁止事項のリストが空なら、まだ考えられていないということです。自分たちがなりたくないものは、どのブランドにもあります。

素案を書く

回答をファイルに書き込みます。通常は、今後使うブランド用フォルダー内に MARKE-ROH.md として保存します。長く詳細な内容でもかまいません。数百行になっても普通です。これは作業用ドキュメントではなく、記録用のアーカイブです。

決定の内容だけでなく、なぜそのように決めたのかも記録してください。ステップ3ではその理由を削りますが、1年後に何かを変更したくなったときに必要になります。

具体的な値が決まっている場合は記入してください。HEXカラー、フォント名、ピクセルサイズなどです。決まっていないことは、もっともらしい値をでっち上げず、未確定であることを明記してください。でっち上げた色が、誰も決めていないのに2年後もキットに残っていることになりかねません。

最後に、素案が完成したことを伝え、パスを示し、そこから実用的なキットを作成する brandkit-build を案内してください。

コメント