mcpField
B
brandfy-aplicacoes

brandfy-aplicacoes

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

brandfy-aplicacoes について

brandfy-aplicacoesは、用途や対象者、閲覧環境に応じたブランド展開物を作成するスキルです。チャネル別の素材やテンプレートを扱い、寸法、可読性、安全領域、アクセシビリティを確認します。

主な機能

  1. 01優先チャネル向け用途の計画
  2. 02チャネル別ブランド素材の作成
  3. 03編集用テンプレートと書き出しの保存
  4. 04寸法・コントラスト・可読性の確認

活用シーン

  1. 01ソーシャル、ウェブ、メール用素材の準備
  2. 02プレゼンテーションや文書テンプレートの作成
  3. 03公開・印刷前に最終サイズでデザインを確認

インストール

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

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

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

同梱ファイルagents/openai.yamlreferences/applications.md

詳細

ブランドアプリケーションの作成

運用プロトコル

  • **計画と進捗:**優先チャネル、テンプレート、書き出し、検査を計画します。
  • **信頼できる情報源:**マニュアル、最終アセット、および applications.mdを読みます。
  • **スコープと冪等性:**想定用途に関連する成果物のみを作成し、承認済みテンプレートを維持します。
  • **検証:**寸法、塗り足し、コントラスト、安全領域、代替テキスト、最終サイズでの読みやすさを確認します。
  • **最終概要:**ファイル、対応したチャネル、今後のアプリケーションを記録します。

対応範囲

ブランドの用途に基づいてアプリケーションを選択します。カタログには次のものを含められます。

  • アバター、カバー画像、Open Graph画像、サムネイル、ソーシャルメディア用テンプレート;
  • ファビコン、アプリアイコン、スプラッシュ画面;
  • ウェブサイトのヘッダー、メール、ニュースレター、メール署名;
  • プレゼンテーション、提案書、文書、レターヘッド、名刺;
  • パッケージ、ラベル、ユニフォーム、サイン、イベント素材;
  • 写真の加工、公式なトリミング、フレーミングガイド;
  • コブランディング、スポンサーシップ、サブブランド、シール、パートナーシップ;
  • ロゴの表示、非表示、縮小に関するモーションのルール。

編集可能な元データをbrand/templates/に保存し、書き出したファイルをチャネルのディレクトリに保存します。最終サイズで成果物を開き、テキスト、安全領域、ロゴを確認してください。エディター上では読みやすい構成でも、モバイルのフィードや印刷では問題が生じることがあります。Instagram、LinkedIn、メール、YouTubeのテンプレートには$brandfy-templates-canaisを使用します。

専門家の考え方

タスク、対象者、利用環境に基づいてアプリケーションを設計します。構成を始める前に、必須コンテンツ、階層、技術的制約、アクセシビリティ、期待する成果を定めます。成果物にはブランドシステムを反映しつつ、すべてのチャネルを同じ構成のサイズ違いにしてはなりません。

コメント