mcpField
B
brandfy-logo

brandfy-logo

github.com/promovawebデザイン・UI13156 回インストール2 週間前に更新
リポジトリ

brandfy-logo について

brandfy-logoは、ブランドロゴの設計と検証を支援するスキルです。異なるコンセプトの検討、編集可能なSVGの作成、書き出し前のテストを進めます。

主な機能

  1. 01カテゴリーのシンボルと競合を調査
  2. 02異なるコンセプトを3案以上作成
  3. 03編集可能なSVGのシンボルとロックアップを作成
  4. 04ライト、ダーク、モノクロ版を準備
  5. 05可読性、再現性、使用ルールを確認

活用シーン

  1. 01ブランドのアイデアからロゴ案を検討
  2. 02書き出し用のSVGマスターを準備
  3. 03サイズや背景ごとのロゴ表示を確認

インストール

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

$npx skills add https://github.com/promovaweb/brandfy --skill brandfy-logo

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

同梱ファイル

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

agents/
openai.yaml
assets/
logo-source-example.svg
references/
logo-system.md

詳細

ロゴシステムを作成する

運用プロトコル

  • 計画と進捗: 調査、コンセプト、選定、デザイン、テストを計画します。
  • 信頼できる情報源: 戦略、ネーミング、ビジュアルの方向性、および logo-system.mdを確認します。
  • スコープと冪等性: フォントと承認済みバージョンを維持します。探索案は最終フォルダーの外に保管します。
  • 検証: 独自性の目安、ジオメトリ、縮小、モノクロ、ライト/ダーク、印刷、視認性を確認します。
  • 最終概要: 承認されたコンセプト、フォント、ライセンス、テスト、エクスポート用に引き渡したファイルを記録します。

ワークフロー

  1. カテゴリーを調査し、飽和している、または混同されやすいシンボルを記録します。
  2. 異なるアイデアから出発するコンセプトを少なくとも3つ作成します。
  3. 画像生成は構成の探索にのみ使用します。生成されたラスター画像を最終ベクターとして提示しないでください。
  4. ユーザーとコンセプトを選定するか、すでに記録されている希望に従います。
  5. ライセンスが許す場合は、編集可能なSVGでシンボル、ワードマーク、ロックアップを、すっきりした形状と正しいviewBoxで作成し、テキストをパスに変換します。
  6. メイン、横型、縦型、コンパクト、モノクロ、ネガティブ、ライト、ダークの各バージョンを作成します。
  7. 保護エリア、最小サイズ、配置、禁止されている使用方法を定めます。
  8. マスターSVGをbrand/logo/source/に保存し、エクスポートを$brandfy-ativos-logoに引き渡します。

調査の結果、類似したシンボルが見つかった場合は、そのコンセプトを破棄し、参照した情報源を記録します。最終SVGは、見つかった要素に依存せず、縮小と単色での再現ができる必要があります。

専門家の思考

形ではなくコンセプトから始めます。それぞれの提案では、ブランドのアイデアとビジュアルのロジックを結び付け、陳腐化、混同、制約の可能性を明示します。 独自性、適合性、再現のしやすさ、認知性、ロックアップの柔軟性、カテゴリーとの調和を評価します。色、効果、プロモーションの文脈を失っても一貫性を保てるコンセプトを優先します。

コメント