mood-board-builder について
mood-board-builder は、キャンペーン、製品発売、リブランドのビジュアル方針を考案・提示するデザインスキルです。参考素材、配色やレイアウトの指針、注釈、関係者のフィードバックをボードや資料にまとめます。
主な機能
- 01ビジュアルの参考素材を収集
- 02色、タイポグラフィ、質感、動きの手掛かりを定義
- 03物語性のあるセクションに素材を配置
- 04根拠、利用指針、アクセシビリティの注記を追加
- 05関係者向けのフィードバック項目を用意
活用シーン
- 01製品発売のビジュアル方針を検討
- 02関係者にクリエイティブ案を提示
- 03分散チーム間でルック＆フィールを共有
- 04ムードボードや PDF 提案資料を作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/mood-board-builderを入力して読み込まれたか確認します。
詳細
ムードボード作成スキル
使用するタイミング
- キャンペーン、製品ローンチ、リブランディングの初期段階でのコンセプト作成。
- 関係者へのクリエイティブディレクション案の提示。
- 分散したチームや代理店間で、ビジュアルや雰囲気の認識を合わせる場合。
フレームワーク
- インスピレーションの収集 – ブランドのアーカイブ、業界事例、トレンドボードから参考資料を集めます。
- パレットの定義 – 色、タイポグラフィ、テクスチャ、動きの手がかりを提案します。
- レイアウトの構成 – ビジュアルをストーリー、対象者、実行内容などのセクションに分けて整理します。
- 注釈レイヤー – 各参考資料が重要な理由、使用ガイドライン、アクセシビリティに関する考慮事項を記載します。
- フィードバックの導線 – 関係者が投票やコメントをできるよう、プロンプトを含めます。
テンプレート
- Figma/Canva のボードレイアウト。
- ビジョン、カラーパレット、タイポグラフィ、写真のセクションを含む PDF デッキテンプレート。
- 評価基準を含むフィードバックフォーム。
ヒント
- 選択肢が多すぎて迷わないよう、各ボードの方向性はまとまりのある 3～4 案に絞ります。
- ビジュアルに具体性を持たせるため、実際のキャンペーンコピーの一部を含めます。
- 迅速な承認のため、
creative-directorの出力と組み合わせます。
コメント
Markdown 対応