设计系统

UI-UX Pro Max · Design

一个入口,统一分派 Logo、品牌形象、幻灯片、Banner 和图标活。

这是什么

一个统一的设计 Skill,把任务分派给子 Skill 或内置模块。内置模块通过 Gemini 脚本覆盖 Logo 生成、企业形象样机、HTML 幻灯片、Banner、社交配图和 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
来自上游 SKILL.md

它对设计意味着什么

  • Logo、形象样机和整套演示都出自同一份品牌输入。
  • 图标生成为 SVG 文本,始终可编辑,不是位图。
  • Banner 规则强制安全区、最多两种字体、只留一个 CTA。

包含哪些内容

  • Sub-skill routing
  • Logo design
  • CIP design
  • Slides
  • Banner design
  • Icon design

如何安装

UI-UX Pro Max · Design

  1. 克隆这个仓库。

    git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
  2. 把 Codex 指向这个 Skill 文件。

    cli/assets/skills/design/SKILL.md
  3. 然后描述你想要的界面,Codex 会照着这个 Skill 来做。

如何配合 Codex 使用

  1. 先导出 GEMINI_API_KEY,装好 google-genai 和 pillow。

  2. 先跑 scripts/logo/search.py 出设计简报,再跑 generate.py 出图。

  3. 把 Logo 喂给 scripts/cip/generate.py,产出可交付的样机。

这里的每个插件都免费开源,并附上真实的上游源地址。

在 codex-design 清单上了解更多 ↗

下一步

用 Open Design 做设计,省掉那些配置

你可以自己装这个插件,也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key,产出归你所有。