デザインシステム
brandkit
ブランドガイドラインボード、ロゴシステム、アイデンティティデックを画像として生成する。
概要
ブランドキットボードのための画像生成スキル。ロゴシステム、色と書体のパネル、モックアップ、雰囲気を伝えるイメージ画像を、グリッドに基づくプレゼンテーションボードの上に配置して仕上げる。
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultu
デザインにとっての意味
- 既定の 3x3 パネルシステムが、ロゴ、構成、色、書体、応用例をカバーする。
- ロゴのコンセプトは、モノグラム、メタファーの融合、ネガティブスペースといった明示された手法に従う。
- ボードにはリズムがあり、一様に賑やかなのではなく、静かなパネル、機能的なパネル、情緒的なパネル、技術的なパネルが混ざる。
カバーする内容
- Logo generation standard
- Logo concept methods
- Board composition DNA
- Default 3x3 panel system
- Visual modes
- Color discipline
インストール方法
brandkit
-
リポジトリをクローンする。
git clone https://github.com/Leonxlnx/taste-skill -
スキルファイルの場所を Codex に指定する。
skills/brandkit/SKILL.md -
あとは作りたい UI を説明するだけ。Codex がスキルに従う。
Codex での使い方
-
ブランドとカテゴリを伝えると、スキルはまずビジュアルのモードを選ぶ。
-
既定では 3x3 のボード、あるいは 2x3 の参考資料風ミニデックになる。
-
テキストは最小限に。ブランド名、タグライン 1 本、コマンド 1 つ、いくつかのラベルだけにする。
ここに並ぶプラグインはすべて無料・オープンソースで、実際の配布元にリンクしています。
codex-design リストをもっと見る ↗ほかの Codex デザインプラグイン
フロントエンド & UI できること gpt-taste GSAP のスクロールモーションと隙間のないベントーグリッドで、受賞作級のランディングページを作る。 
デザインシステム できること Stitch Design Taste DESIGN.md を書いて、Google Stitch を没個性な画面から遠ざける。 
フロントエンド & UI できること image-to-code まずデザイン画像を生成して分析し、それに一致するフロントエンドコードを組み立てる。 
フロントエンド & UI できること imagegen-frontend-mobile 上質なモバイルアプリの画面フローを、コードではなく画像として生成する。 次のステップ
セットアップなしで、Open Design とデザインする
このプラグインを自分で入れてもいいし、Open Design でキュレーション済みのデザインレイヤーごと Codex の周りで動かしてもいい。自分の API キーを使い、成果物も自分のものに。