デザインシステム
UI-UX Pro Max · Design
ロゴ、アイデンティティ、スライド、バナー、アイコンの仕事を振り分ける単一の入口。
概要
タスクをサブスキルや組み込みモジュールに振り分ける統合デザインスキル。組み込み機能は、Gemini スクリプトによるロゴ生成、コーポレートアイデンティティのモックアップ、HTML スライド、バナー、ソーシャル画像、SVG アイコンをカバーする。
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 s
デザインにとっての意味
- ロゴ、アイデンティティのモックアップ、デックがすべて、1 つのブランド入力から生まれる。
- アイコンは SVG テキストとして生成されるので、ラスターではなく編集可能なまま残る。
- バナーのルールが、セーフゾーン、フォント最大 2 種、CTA 1 つを徹底させる。
カバーする内容
- Sub-skill routing
- Logo design
- CIP design
- Slides
- Banner design
- Icon design
インストール方法
UI-UX Pro Max · Design
-
リポジトリをクローンする。
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
スキルファイルの場所を Codex に指定する。
cli/assets/skills/design/SKILL.md -
あとは作りたい UI を説明するだけ。Codex がスキルに従う。
Codex での使い方
-
まず GEMINI_API_KEY を書き出し、google-genai と pillow をインストールする。
-
デザインブリーフには scripts/logo/search.py を、画像には generate.py を実行する。
-
ロゴを scripts/cip/generate.py に渡して、納品可能なモックアップを作る。
ここに並ぶプラグインはすべて無料・オープンソースで、実際の配布元にリンクしています。
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 キーを使い、成果物も自分のものに。