nous-branding について
Nous Researchのブランドに沿った画像やビジュアルコンテンツを生成するスキルです。Nous向けの制作に使えるビジュアル資料、プロンプト例、必須の後処理手順を備えています。
主な機能
- 01ブランドとマスコットの参照画像を活用
- 02指定パレットとビジュアルスタイルの適用
- 03ポートレートやコラージュ用プロンプトの作成
- 04参照画像スクリプトによる画像生成
- 05生成画像の後処理
活用シーン
- 01Nous Researchのブランド画像案の作成
- 02マスコットのポーズと外観の統一
- 03ブランドシステムシートやコラージュの制作
- 04指定された質感への生成画像の調整
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ magnus919/ agent-skills --skill nous-brandingインストール後、Claude Code で/nous-brandingを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
README.mdevals/evals.jsonreferences/pitfalls.mdpost-processing.mdstyle-lanes.mdvisual-system.mdscripts/generate-with-ref.pypostprocess.py詳細
Nous のブランディング
Nous Research(「AI アクセラレーター企業」)に着想を得た画像や、ブランドに一貫性のあるビジュアルコンテンツを生成します。
使用しないケース
- Nous 以外のデザイン制作 — このスキルは特定のブランドシステムを表現するものです。無関係なブランドや汎用的なデザイン依頼には、そのカラーパレット、テクスチャ、マスコット、コンプライアンス規則を適用しないでください。
- 公式なブランド表現 — Nous Girl のマスコットはロゴの代わりにはなりません。公式なブランド用途では、Nous Research のワードマーク/シンボルを使用してください。
参照画像
このスキルには、img2img、スタイル転送、画像のバリエーション作成、プロンプトの作成において、視覚的な基準として利用できる参照画像が assets/ に含まれています。
| ファイル | 説明 | 用途 |
|---|---|---|
assets/palette-typography-reference.png | 6 色のパレット見本と HEX コード、タイポグラフィの見本(Inter、IBM Plex Sans、JetBrains Mono、太字のディスプレイ書体)、分類済み機密文書風のレイアウトを示すブランドアイデンティティシステムカード | カラーパレットとタイポグラフィのスタイルの参照画像としてアップロード |
assets/nous-girl-official.webp | nousresearch.com の公式高解像度(2669×2709)Nous Girl マスコット。コントラストの強い白黒のレトロなマンガ調ポートレート。左向きの斜め横顔で、白いヘッドバンドを着用(基本バッジバリエーション)。暗部 51%/明部 47%で、グレーを含まない純粋な白黒。 | 主要なマスコット参照画像 — 最も本物らしさを備えた、唯一のブランド画像 |
assets/nous-girl-official-badge.png | ブランドブックレットに掲載された公式バッジポートレート(5760×7454)。白いヘッドバンド、斜め横顔、落ち着いた注意深い表情、鮮烈な白黒のマンガ調という、正規の姿の Nous Girl を描いています。 | バッジ/基本バリエーションが必要な場合に使用 |
assets/nous-girl-sketch-sheet.png | ブランドブックレットに掲載された公式キャラクターシート。4 種類の正規ポーズ(基本バッジ、ヘッドフォンを着けた斜め横顔、ヘッドフォンを着けた左向き横顔、ヘッドフォンを着けた小さな横顔)を示しています。 | ポーズの参照とキャラクターの一貫性の維持に使用 |
assets/nous-girl-philosophy.png | ブックレットに掲載されたブランド哲学のページ。「優れたデザインの分散化」というミッションステートメントとともに Nous Girl を掲載しています。 | ブランドの背景と哲学の参照に使用 |
assets/nous-girl-style-reference.png | ヘッドフォンに「NOUS」と記し、エレクトリックブルーのアクセントとカラースウォッチのラベルを加えた、生成済みの参照ポートレート | 色の適用に関する参照とプロンプト例 |
assets/brand-collage-reference.png | テイアの大理石像、照準レティクルを重ねた輝くエレクトリックブルーの目、システムアーキテクチャ図、CRT ノイズのオーバーレイを組み合わせた、サイバー・クラシカルなブランドコラージュ | マルチパネルのブランドレイアウトと HUD の美的表現の参照 |
ブランドアイデンティティの概要
Nous Research のビジュアルアイデンティティは、次の3 要素を融合したものです。
| 影響 | 表現 |
|---|---|
| 古典/ギリシャ神話 | テイア(視覚を司るティーターン神族)の彫像、大理石のテクスチャ、神話にちなんだ命名 |
| サイバーパンク/インダストリアル | グランジテクスチャ、CRT の走査線、コピー機のノイズ、かすれた書体、ダークなカラーパレット |
| レトロアニメ/マンガ | マスコット「Nous Girl」、セル画調のイラスト、表情豊かな大きな目、1970~80 年代のマンガの美的表現 |
| テック/ブルータリズム | 太字のディスプレイ書体、システム図、設計図風のレイアウト、等幅フォントのコードラベル |
タグライン:「The AI accelerator company」
キーフレーズ:「人権と自由を前進させる」、「オープンソースの言語モデル」、「制限のない提供と利用」
**雰囲気:**知的でありながら荒々しい — 影に身を置く最先端の研究所
読み込みガイド
参照資料は必要に応じて読み込んでください。一度にすべて読み込まないでください。
| ファイル | 読み込むタイミング |
|---|---|
| references/style-lanes.md | スタイルレーンを選ぶときや、レーン固有のプロンプトを書くとき — 各レーンの文法、プロンプトの手がかり、プロンプト例、アセットとレーンの参照カタログ |
| references/visual-system.md | ビジュアルシステムに沿って画像を作成またはレビューするとき — ヒーローパレットと拡張パレット、Nous Girlの仕様とポーズのバリエーション、タイポグラフィ、テクスチャシステム、アートスタイル |
| references/post-processing.md | 生成画像を納品するとき — 必須の後処理モード(imprint/nous/standard)と、scripts/postprocess.pyの強度調整 |
references/pitfalls.md | 出力が期待どおりにならないとき — 既知の失敗パターンと軽減策 |
画像プロンプトのテンプレート
方法1:ブランドの全身ポートレート
A cyber-classical brand identity illustration in the style of Nous Research / Project Theia.
[SUBJECT DESCRIPTION]. High-contrast dramatic lighting with deep near-black background (#00000E).
Electric blue (#3847FF) primary accent. Soft lavender (#BDA6FF) and burnt orange (#D6825A)
secondary accents. Deep teal (#2E706B) shadow tones. Overlaid with risograph grain texture,
photocopy noise, and subtle CRT scan lines. Retro anime cel-shading combined with neo-classical
sculptural forms. Geometric HUD overlay lines in burnt orange. Bold, distressed display typography.
Raw, analog, imperfect finish. No corporate polish.
Palette: #00000E bg, #3847FF accent, #BDA6FF secondary, #D6825A warm, #E6E6E6 text.
方法2:Nous Girlのマスコット
High-contrast retro manga anime portrait, 1970s-80s cel-shaded style.
A young woman with large anime eyes, shoulder-length dark hair with blunt
straight-across bangs. White over-ear headphones. Three-quarter profile facing left.
Melancholic introspective expression. Bold heavy outlines. Pure black and white with
no grayscale. [Optional: Electric blue #3847FF hair highlights for color version].
方法3:ブランドシステムシート/コラージュ
Multi-panel brand identity system sheet in Nous Research / Project Theia style.
Grid layout. [Describe panels]. Color palette: #3847FF electric blue, #BDA6FF lavender,
#D6825A burnt orange, #2E706B deep teal, #E6E6E6 off-white, #00000E near-black.
Texture swatches: risograph grain, photocopy noise, CRT scan lines, paper fiber, ink smudge.
Typography: heavy distressed display for titles, Inter/IBM Plex Sans for labels,
JetBrains Mono for technical data. Grunge textures throughout. Dark near-black background.
方法4:参照画像を使った生成(推奨)
これは、ブランドイメージに一貫性のある画像を生成するための推奨方法です。 scripts/generate-with-ref.pyスクリプトを使用します。このスクリプトはHermesの設定を読み込み、有効な画像プロバイダーを特定して、参照画像をコンテキスト入力としてAPIを直接呼び出します。テキストプロンプトにしか対応していない組み込みのimage_generateツールは使用しません。
python3 scripts/generate-with-ref.py \
--prompt "Your prompt describing the desired image" \
--reference assets/nous-girl-official-badge.png \
--aspect landscape \
--quality medium
機能:
--prompt(必須)— 画像の説明--reference(必須)— 参照画像のパス(このスキルのassets/にある画像を使用してください)--aspect—landscape(1536×1024)、portrait(1024×1536)、またはsquare(1024×1024)--quality—low、medium(デフォルト)、またはhigh--output— 任意の出力先パス--dry-run— 実行せずにプレビュー
仕組み:
~/.hermes/config.yamlを読み込み、有効な画像生成プロバイダーを確認します- OpenAIの場合:multipartアップロードで
/v1/images/editsを使用します。gpt-image-2で画像入力を受け付ける唯一のエンドポイントです - editsエンドポイントの要件に合わせて、参照画像を正方形(1024×1024)に自動で切り抜きます
- 出力を
~/.hermes/cache/images/に保存します image、model、aspect_ratio、providerを含むJSONを返します
重要な理由: テキストだけで生成すると、Nous Girlの緻密なマンガスタイル、キャラクターのプロポーション、コントラストのバランスが失われます。公式バッジをアップロードすると、1970~80年代の特徴的なセル画調のインクスタイルを維持できます。
参照画像を使うワークフローでのプロンプト作成: まず参照画像から維持する要素を指定し、次に追加する要素を指定します。
- 「キャラクターの白いオーバーイヤーヘッドホン、白い襟付きシャツ、前髪をまっすぐ切りそろえた黒一色の髪、無表情を維持する」
- 「白地に黒インクの高コントラストなマンガスタイルを維持する」
- その後、シーンの詳細、テキスト、ライティングなどを追加します
プロンプトの公式
[STYLE: cyber-classical / Nous Research]
+ [SUBJECT DESCRIPTION]
+ [PALETTE: #00000E bg, #3847FF accent, #BDA6FF, #D6825A]
+ [TEXTURES: risograph grain, photocopy noise, CRT scan lines, paper fiber, ink smudge]
+ [LIGHTING: high-contrast chiaroscuro, dramatic spot, neon edge highlights]
+ [MOOD: intellectual, gritty, underground, calm/attentive]
+ [TYPOGRAPHY: heavy distressed display, Inter/IBM Plex Sans labels, JetBrains Mono code]
後処理
AIが生成した画像は、Nousの美学に照らすときれいすぎます。生成のたびに後処理が必須です。生成された画像をそのまま最終成果物にすることはありません。
python3 scripts/postprocess.py input.png output.png --mode imprint --intensity 0.7
テキストのみ、img2img、複数パス、あらゆるプロバイダーを含む、どの生成方法を使った場合も、最後の手順として実行してください。モードの選択(imprint/nous/standard)と出力タイプごとの強度調整については、references/post-processing.mdを読み込んでください。
APIワークフローに関する注意事項
| API | 方法 |
|---|---|
| DALL-E 3 | テキストのみ。16進数値を含む方法1~3のプロンプトを使用します。 |
| OpenAI Variations / Edit | 画像入力としてassets/*.pngをアップロードします。プロンプトでは変更点を説明します。 |
| Midjourney | --sref <asset-url>を--iw 1.5–2.0と併用します。プロンプトにパレットの16進数値を含めてください。 |
| ComfyUI | アセットを使ったIPAdapterまたはReference-Only ControlNetを使用します。Denoiseは0.6~0.7にします。グレインオーバーレイで後処理します。 |
| Replicate / SD img2img | 参照画像をアップロードします。Prompt strengthは0.7~0.8、CFGは7にします。 |
ブランドイメージにそぐわないもの
よくあるアンチパターンを避けてください。
| アンチパターン | 問題となる理由 |
|---|---|
| 悲しげ・憂うつな表情 | 明示的に「悲しくない、泣いていない」と指定しないと、モデルはマンガのキャラクターを悲しげにする傾向があります |
| 暗色・黒のヘッドホン | Nous Girl は公式のすべてのポーズで白いオーバーイヤーヘッドホンを着用しています |
| 顔のマーキング(涙、タトゥー、傷跡) | キャラクターの肌はきれいでなめらかです。マーキングは一切ありません |
| 誤った民族的特徴(フランス人ではなくアジア人) | アニメ風のスタイルでは、モデルはアジア人の特徴を出す傾向があります。「フランス系白人」と明示してください |
| 要素が多く雑然とした構図 | ブランドの表現は控えめです。暗い背景、アクセントカラーは1〜2色、テキスト要素は最大2〜3個にします |
| 滑らかなデジタルイラスト | ブランドの画像は決してクリーンではありません。すべての画像に粒子、ノイズ、またはアナログ調の質感が必要です |
| 光沢のあるレンダリングのカートゥーン/アニメ | マンガのスタイルは白い紙に黒インクで描いた簡潔なものです。柔らかな陰影やグラデーションは使いません |
| 企業的で無機質なテックの美学 | 仕上がりは SaaS のランディングページではなく、アンダーグラウンドな研究所のような雰囲気にします |
| 背景の描き込みすぎ | 被写体を引き立たせてください。ネガティブスペースも表現の一部です |
既知の失敗例とその軽減策の完全な一覧については、references/pitfalls.mdを参照してください。
ブランド準拠チェックリスト
- 背景は黒に近い色(#00000E)または非常に暗い色
- メインのアクセントカラーとしてエレクトリックブルー(#3847FF)を使用
- グランジの質感(粒子、ノイズ、走査線、紙、インク)を少なくとも1つ、目に見える形で適用
- コントラストが高い — 明暗差がドラマチック
- 指定された色だけにパレットを限定
- マスコットを登場させる場合:白いヘッドホン、マンガスタイル、落ち着いた注意深い表情、斜め向きの横顔
- テキストを表示する場合:タイトルには太くかすれたディスプレイ書体、ラベルには読みやすいサンセリフ体、コードには等幅フォント
- 平坦でクリーンな企業風の仕上がりにしない — 荒削りで触感のある仕上がり
- 全体的な印象:知的で、粗削りで、アンダーグラウンドな研究所
すべてのカラー表、ポーズのバリエーションを含む Nous Girl マスコットの完全な仕様、タイポグラフィの役割、質感の定義、アートスタイルの属性についてはreferences/visual-system.mdを参照してください。レーンごとのプロンプトの作成方法についてはreferences/style-lanes.mdを参照してください。
利用可能なスクリプト
| スクリプト | 用途 | 実行方法 |
|---|---|---|
scripts/generate-with-ref.py | 参照画像に基づく生成:~/.hermes/config.yamlからアクティブな画像プロバイダーを読み込み、プロバイダーの画像入力エンドポイントに参照画像をアップロードし(正方形にトリミング)、出力パスを含む JSON として結果を保存します。ブランドの忠実性が重要な Method 4 の生成では必ず実行してください。テキストのみのプロンプトでは失われるマンガのスタイルを維持できます。まず --dry-run を実行して、プロバイダーとパラメーターを確認してください。 | python3 scripts/generate-with-ref.py --prompt "..." --reference assets/nous-girl-official-badge.png --aspect landscape --quality medium |
scripts/postprocess.py | 必須のアナログ調後処理:調整済みの強度で、粒子/ノイズ/走査線の各モード(standard、risograph、nous、imprint)を適用します。生成した画像には必ず最後のステップとして実行してください。生の AI 出力を納品物にすることはありません。モードと強度を選ぶには references/post-processing.md を読み込んでください。 | python3 scripts/postprocess.py input.png output.png --mode imprint --intensity 0.7 |
前提条件
- 両方のスクリプトに Python 3 が必要です。
postprocess.pyには、さらに利用可能な画像処理バックエンド(Pillow)が必要です。 generate-with-ref.pyの場合:~/.hermes/config.yamlで設定済み(または明示的な--providerで指定)の、画像入力を受け付ける Hermes 画像生成プロバイダーが必要です。テキスト専用のエンドポイントでは参照画像に基づく生成を行えません。assets/に同梱されている参照画像。これらは img2img のアンカーとして使います。--referenceで1つ指定してください。- スクリプト以外で作業する場合は、画像生成が可能なエージェントまたはクライアントが必要です(
compatibilityを参照)。
制限事項
- このスキルは特定のブランドシステム(配色、マスコットのルール、テクスチャ、コンプライアンスチェックリスト)を定義するものであり、一般的なデザインガイダンスではありません。他のブランドには適用しないでください(「使用しない場合」を参照)。
- Nous Girl はロゴの代わりにはなりません。公式なブランド表現には、生成されたマスコットのアートではなく、ワードマークやシンボルが必要です。
- 参照画像を使っても、生成画像はスタイルを近似するものです。納品前に必ずブランドコンプライアンスチェックリストを実施し、出力が本来のスタイルから逸脱した場合(悲しげな表情、暗いヘッドフォン、光沢のあるレンダリングなど)は
references/pitfalls.mdを確認してください。 - モデルやプロバイダーの挙動は時間とともに変化します。エンドポイント名など、フラグに関する詳細はスクリプトの想定と異なる場合があるため、設定済みのプロバイダーで確認してください。