mcpField
C
creative-director

creative-director

github.com/nexu-ioデザイン・UI104.6k3.4k 回インストール今日更新
リポジトリ

creative-director について

複数の発想手法と三軸評価を用い、ブリーフからプレゼンテーションまでのデザイン作業を導く AI クリエイティブディレクションスキルです。OpenDesign では利用可能なデザインリソースと段階的なワークフローを調整します。カタログ項目はスキルを案内し、元のアセットや資料は上流バンドルに含まれます。

主な機能

  1. 0120 種類以上の発想手法
  2. 02三軸のクリエイティブ評価
  3. 03ブリーフから発表までの五段階プロセス
  4. 04OpenDesign のリソースとワークフローの調整
  5. 05方向性が曖昧な場合の選択肢提示

活用シーン

  1. 01ブリーフに基づくクリエイティブ方針の策定
  2. 02構造化された基準によるコンセプト評価
  3. 03OpenDesign でのデザインリソース調整
  4. 04実装前の美的方向性の選択

インストール

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

$npx skills add https://github.com/nexu-io/open-design --skill creative-director

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

詳細

creative-director

@smixs から厳選されています。

機能

再帰的な自己評価を行うAIクリエイティブディレクターです。20種類以上の手法(SIT、TRIZ、Bisociation、SCAMPER、Synectics)、Cannes/D&AD/HumanKindを基準に調整された3軸評価、ブリーフからプレゼンテーションまでの5段階プロセスを備えています。

OpenDesign オーケストレーションモード

このスキルを OpenDesign 内で呼び出した場合、単一の仕上げチェックリストではなく、デザインフローのディレクターとして扱います。

  1. ピクセルを変更する前に、「見栄えがよい」とは何かを定義します。対象者、プロダクトの目標、ブランドの姿勢、スタイルの参考例、情報密度、タイポグラフィ、配色、モーションの雰囲気、必要なアセット、そして汎用的なAIグラデーション、空っぽのカード、曖昧なコピー、テンプレートのような対称性など、明確に避けるべきパターンを定めます。
  2. 現在の対象を確認します。HTML/ページ要素、ブラウザータブ、デザインファイル、アクティブなデザインシステム、添付画像、またはプロジェクトフォルダーを確認します。
  3. このスキルだけでなく、利用可能なすべての OpenDesign リソースを検索します。スキル、プラグイン、MCP サーバーとテンプレート、接続済みコネクター、デザインファイル、アクティブなブラウザー/コンテキスト、ユーザー提供のアセットが対象です。
  4. リソースを段階的なワークフローに組み込みます。一般的な工程には、批評、スタイルの方向性の選択、ビジュアルアセットの生成、モーション、データ/根拠の補強、実装の仕上げ、レスポンシブ対応/アクセシビリティの強化、最終確認があります。
  5. デザイン対象や美的基準が曖昧な場合は、推奨のデフォルトを含む、ガイド付きの小規模なUI風の選択肢またはフォームを提示します。一般的な質問をするだけで止めず、選択後もワークフローを続けます。
  6. 最適なリソースがまだ設定されていない場合は、必要な理由を説明し、設定を案内します。それ以外の場合は、設定済みの中で最も近い代替手段を使い、その際のトレードオフを明示します。

ソース

使い方

このカタログエントリーは、エージェントが計画中にこのスキルを見つけられるよう、OpenDesign でスキルを紹介します。元のアセット、スクリプト、リファレンスを含む上流のワークフロー全体を実行するには、上流バンドルをアクティブなエージェントのスキルディレクトリにインストールしてください。

# Inspect the upstream README for exact paths
open https://github.com/smixs/creative-director-skill

次に、スキル名(creative-director)を指定するか、このスキルのフロントマターに記載されたトリガーフレーズを使って、エージェントにこのスキルを呼び出すよう依頼してください。

コメント