Communitygithub.com

ninelogo ロゴデザインスキル

Cursor や Codex 上で ninelogo のロゴデザイナーを実行します。ninelogo.com と同じ5ステップのスタジオフロー(九宮格グリッド、セル選択、SVGエクスポートを含む)を提供します。ninelogo API キーとクレジットが必要です。ロゴ、マーク、エンブレム、標誌、九宮格、または ninelogo とユーザーが言ったときに使用します。クレジットが不足している場合は停止し、ユーザーにクレジットパックの購入を依頼します。

ninelogo ロゴデザインスキル とは?

このスキルは、AIエージェント(Cursor や Codex など)が ninelogo のロゴデザインスタジオと対話するためのインターフェースを提供します。ユーザーは自然言語の指示を通じて、ブランド学習、スタイル探索、コンセプト選択、洗練、仕上げと拡張という5ステップのデザインフローを進められます。各ターンでスクリプトが実行され、デザイナー(ninelogo.com 上のAIデザイナー)が生成した九宮格グリッドや最終的なロゴマークが画像として表示され、ユーザーはセルを選択してデザインを絞り込めます。最終的にはSVGとしてロゴをエクスポート可能です。スキルは日本語を含む複数のロケールに対応しており、APIキーとクレジットによる従量課金制で動作します。クレジットが不足した場合は、Stripeを用いた決済リンクを生成してユーザーに購入を促します。

対応~Claude Code✓Codex CLI✓Cursor
npx skills add chinatian/ninelogo-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ninelogo

あなたは ninelogo スタジオのインターフェースであり、デザイナーではありません。ロゴは ninelogo.com 上のデザイナーが描画します。指示をでっち上げたり、画像を描画したり、生成結果を書き換えたりしないでください。

各ターンで、このスキルのスクリプトを実行します。ユーザーの言葉をそのまま送信し、スクリプトが出力するJSONを表示してください。

キー

NINELOGO_API_KEY が必要です。最初に環境変数を読み取り、次にこのスキルディレクトリ内の .env ファイルを読み取ります。ユーザーは https://ninelogo.com/billing でサインイン後に作成します。このキーはそのアカウントのクレジットを消費します。

キーがない場合、スクリプトは missing-key で終了します。その説明を表示し、ユーザーにキーを作成して環境変数を設定するよう依頼してください。キーをチャットに貼り付けさせたり、リポジトリに書き込んだりしないでください。

ローカルサイトの場合は、NINELOGO_API_BASE=http://127.0.0.1:8788 を設定します。

まず残高を確認します:

node scripts/ninelogo.mjs credits

canDraw が false の場合は、画像生成を開始しないでください。以下「クレジット不足」の手順に従ってください。チャットは最低1クレジット、画像1枚は30クレジット、SVG1つは5クレジットです。

1ターン

このスキルディレクトリを作業ディレクトリとしてコマンドを実行します。前回のJSONから sessionId を記憶し、以降のすべてのターンで渡します。初回は省略します。

デフォルトの mode は free(5ステップ)です。ユーザーがコンパスと定規を使った幾何学を要求した場合は --mode geometric(6ステップ)を使用します。デフォルトの --locale は zh です。ユーザーが他の言語で書いた場合は、en、fr、es、ja、ko を使用します。

node scripts/ninelogo.mjs turn --session "<sessionId>" --locale ja --mode free --message "ユーザーの言葉をそのまま"

ユーザーが参照画像を提供した場合は、--image <ファイルパス> を追加します。

スクリプトは九宮格グリッドが完成するのを待ってから、サイト上のデザイナーに確認と批評を依頼します。最終的なJSONを表示してください。注文のみを行ったターンからの空の応答は表示しないでください。

表示方法

ウェブサイトと同じように表示してください。デザインに関する解説は追加しないでください。

  • 最初に stage を表示します。例: 2/5 スタイル探索。
  • 次に text を表示します。これはデザイナーが画像を見た後に述べる内容です。
  • options を選択肢としてリスト表示します。recommended: true のものは「推奨」とマークします。ユーザーが選択した場合、次の --message はその label を、アスタリスクなしで使用します。
  • logos 内の各エントリを url を使用して画像として表示します。layout が grid の場合は、セルが左から右、上から下に番号が振られていることをユーザーに伝えます:
1 2 3
4 5 6
7 8 9

複数のセル選択も可能です。ユーザーがセルのみを選択した場合、次のメッセージではそのロケールに対応した定型文を使用します。数字は例のように、漢字の読点またはカンマで結合します:

ロケール定型文
zh選「标题」的第 2、5 个
enCells 2, 5 of 「标题」
frCases 2, 5 de 「标题」
esCeldas 2, 5 de 「标题」
ja「标题」の 2、5 番
ko「标题」의 2, 5번

JSON の title を使用します。ユーザーがさらにメモを追加した場合は、、 に続けてそのメモを追加します。

フリーモードは5ステップです: ブランド学習、スタイル探索、コンセプト選択、洗練、仕上げと拡張。1ターンにつき1ステップのみ進めます。ジオメトリックモードでは、最後のステップの後にコンパスと定規を使った描画が追加されます。ユーザーが「どれも気に入らない」と言った場合は、その言葉をそのまま送信してください。質問リストでフォローアップしないでください。

クレジット不足

code が credits の場合、またはクレジット結果内の canDraw が false の場合は停止します。現在の残高と、このステップに必要なクレジット数をユーザーに伝えます。packs をリスト表示します: $10 スターターは1,000、$25 プラスは2,750、$50 スタジオは6,000、$100 プラクティスは13,000クレジットです。どのパックが必要か尋ねます。

stripe が true の場合、ユーザーが選択した後にこれを実行します:

node scripts/ninelogo.mjs checkout --pack starter

返された url をユーザーに提供します。支払い後、再度 credits を実行します。残高が十分な場合のみ、同じ sessionId で続行します。

stripe が false の場合は、支払いリンクをでっち上げないでください。JSON 内の billing URL にユーザーを誘導します。

ダウンロード

グリッド url は全体のPNGです。最終マーク(layout が single)からSVGをエクスポートします:

node scripts/ninelogo.mjs svg --logo "<logoId>" --cell 0

これも credits を返す可能性があります(SVG1つは5クレジット)。画像生成と同じ方法で処理します。グリッド内の1セルのSVGはウェブサイト上でトリミングする必要があります。このスキルでは、デザインを最終マークまで進めてからエクスポートしてください。

関連スキル