brandkit
ブランドの見せ方を 1 枚の画像にまとめさせる。ロゴ、色、書体、使用例を 3×3 の枠に並べる。ロゴの記号は、ブランドの意味から組み立てさせる
npx skills add https://github.com/Leonxlnx/imagegen-skills --skill "brandkit"入れる前にこのスキルがすること・注意点・SKILL.md の原文を確かめてください。解析は安全性の判定ではありません。
- インストール
- 390,688
- 実用度
- 78
- GitHub star
- 111,156
- 最終更新
- 2026/11/5
頼み方の例
そのままコピーして使えますbrandkitスキルを使って、中小企業向けの経理ソフト「カゾエ」のブランドキットの計画を立ててください。ブランドの核になる比喩、ロゴの組み立て方、色と書体の方針、9 つの枠それぞれに何を置くかを一覧にしてください。画像の生成はまだ行わないでください。
対象のファイルや状況は、ご自身の作業に合わせて置き換えてください。
このスキルがすること
SKILL.md の記述から機械的に抽出- 外部通信・シェル実行・ファイル操作の記述は見つかりませんでした
これは安全性の判定ではありません。 SKILL.md にそう書かれているという事実だけを並べています。実際に問題があるかは使い方と文脈で決まるため、当サイトでは断定しません。導入前に SKILL.md の原文を確認してください。
SKILL.md の規模
いつ使うか
新しいサービスや製品の「見た目の世界」を、1 枚の画像で素早く示したいときに効きます。デザイン会社がブランドの提案で見せるような、ロゴと色と使用例を並べた一覧の画像です。出てくるのは画像で、ロゴのデータやガイドラインの文書ではありません。
公開元は 2026-10-19 に、このスキルを Leonxlnx/imagegen-skills へ移しました。導入名は変わっていません。
新しく作るか、今のブランドを広げるか
生成の前に、新しく作るのか、今あるブランドを広げるのか(作り直しを含む)を見分けます。ロゴや色、書体を渡せば、それを作り直さずに全部の枠で使い回し、足りない部分だけを補います。
既定は 3×3 の 9 枠
既定は 3×3 の 9 枠を 1 枚に並べる形です(比率は 4:3 か 16:10)。大きさや縦横の比率を指定すれば、そちらが優先され、枠の並びも画面に合わせて組み替えます。
- 1. 表紙ロゴと名前を大きく
- 2. ロゴの成り立ち図形の組み立て、補助線
- 3. 画面での使用例ブラウザ、アプリの上部、端末の画面
- 4. 核の一言短い標語を大きく
- 5・6. 色と書体色見本、書体の見本
- 7. 物での使用例カード、フォルダ、バッジ、ポスター、包装
- 8. 写真の方向風景や素材感の絵
- 9. 細部部品、アイコンの並び、模様
2×3、2×2、横 1 列などの配置にも切り替えられます。
ロゴを「意味」から作らせる
新しいロゴを作るときの中心は、ロゴの記号を当てずっぽうで選ばないことです。先に、分類・客層・感情の約束・避けるべきことを考えさせ、そこから記号を導きます。
組み立て方は 5 つで、使うのは 1 つか、多くて 2 つの組み合わせまでです。
- 頭文字と意味を組み合わせる切れ込みや折り返しで
- 製品の主な動作を記号にする守る → 盾、話す → 波形
- 2 つの意味を溶かす2 つの意味を 1 つの形に溶かす
- 余白で形を作る隠れた矢印など
- 幾何学的に組む円や格子から組む
使わないほうがいいとき
ロゴの正式なデータが欲しいとき
画像の中のロゴは絵で、拡大や印刷に使える形式ではありません。方向が決まったら、デザイナーが作り直す前提で使ってください。
画像を生成できない環境
画像の生成を前提にしたスキルです。
Web サイトの見た目を決めたいとき
同じ公開元の imagegen-frontend-web が、区画ごとの参考画像を作ります。
注意点
解析で見つかった記述
SKILL.md の解析では、外部通信・シェル実行・ファイル操作の記述は見つかっていません。同梱ファイルは無く、SKILL.md 1 枚(約 19KB。2026-10-23 確認)で完結しています。
ロゴを使う前に、商標を調べる
本文は「有名なロゴを写すな」「参考画像のロゴや名前を写すな」と決めています。ただし、生成されたロゴが既存の商標と似ていないかの確認は含まれていません。
文字は少なく、が決まり
入れるのは名前、標語 1 つ、URL 1 つ、見出し 2〜5 個ほどまでで、長い文や細かい偽の本文を禁じています。文字は「きれいに描かれるだけ大きく、少なく」という指示です。
和文の名前や標語は、特に崩れやすいので、画像の文字は仮のものと考えてください。
標語の見本は英語
「Nothing random.」「On guard.」のような短い英語が並んでいます。日本語の標語が欲しいときは、依頼文でそう書いてください。
聞き返すのは 1 回だけ
新しく作るのか、今あるロゴや色を使うのかが分からないときに限り、足りない点だけを短く 1 回聞く決まりです。分類や客層などの戦略は、聞かずに推し量ります。業種、客層、避けたい印象を最初の依頼にまとめて書くと、外れにくくなります。
インストール数
インストール数は約 27 万件です。移る前のリポジトリにあった 13 件は約 22 万〜45 万件に収まっていて(2026-09-07 の上流集計)、一部がまとまって入っている形です。
インストール数の推移
日次で記録9月18日 〜 10月30日(42日分)
インストール数と 1 日あたりの増加は Skillselion が に集計した値です。上流の更新は数日おきなので、前日比ではありません。GitHub star と最終更新は に GitHub から取得しました。
併用すると強いスキル
design-taste-frontend
研究から作った方向をスクリプトで 3 案配らせ、実ブラウザで測り、画面写真を見て直させる。「AI が作った見た目」を消すための道具一式
imagegen-frontend-web
Web サイトのデザインの参考画像を、区画ごとに 1 枚ずつ生成させる。8 区画なら 8 枚。AI が作りがちな型を避ける指示が細かい
stitch-design-taste
Google Stitch に渡す DESIGN.md を書かせる。「AI が作った見た目」の禁止事項を、Stitch が読める自然文と具体的な値に置き直す
よくある質問
どんな雰囲気で作られますか
本文に 8 つの型があります。開発者向けの黒地、業務の道具、自然で落ち着いた系、セキュリティ、明るい紙の質感(法務・規程向け)、高級・美容、音声、文化・実験的なものです。ブランドの分類に合わせて選ばれます。暗い地の型が多いので、明るい見た目が欲しいときは指定してください。
参考にしたいブランドキットの画像があります
渡せます。本文は、参考から配置のリズム、余白、文字の量、色の使い方を読み取り、ロゴ、名前、構図、標語、固有の素材は写さないよう決めています。自社のロゴや色を渡すときは「今のブランドを使う」と書いてください。参考の画像として渡しただけでは、今のブランドとは扱われません。
色は何色使われますか
基本の色、主な差し色、補助の差し色、無彩色の 4 つが既定です。差し色は全部の枠で繰り返します。虹色のような多色は「頼まれない限り使わない」、AI にありがちな紫と青の光は「ふさわしい場合を除き使わない」とされています。
1 回で何枚作りますか
指定が無ければ 1 枚です。9 枠を 1 枚に収めるので、生成の回数は少なく済みます。配置を変えたい、別案が欲しい、というときは、その分だけ生成が増えます。
同じ分類のスキル
✳ デザイン・UIdesign-taste-frontend
研究から作った方向をスクリプトで 3 案配らせ、実ブラウザで測り、画面写真を見て直させる。「AI が作った見た目」を消すための道具一式
higgsfield-brandkit
ブランドの色・ロゴ・書体を 1 つずつ選ばせて、名刺や包装や SNS の画像、PPTX と PDF のブランドブックまで作らせる。ロゴは SVG で、選んだものは手元に記録して使い回す
apple-design
Apple の WWDC の設計講演を Web に置き直して、指に吸い付く画面を作らせる。ばねの値、慣性、途中で掴み直せる動きまで具体的