设计系统

UI-UX Pro Max · Brand

让品牌规范、设计 token 和素材始终对得上。

这是什么

一个品牌形象 Skill,围绕一组脚本:把品牌上下文注入提示、校验素材、提取颜色,并把 brand-guidelines.md 同步成设计 token 的 JSON 和 CSS 变量。

Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
来自上游 SKILL.md

它对设计意味着什么

  • 一份 markdown 文件就是 token 和 CSS 的唯一事实源。
  • 提取出的颜色会跟配色表比对,及早发现偏移。
  • 素材在通过前会检查命名、尺寸和格式。

包含哪些内容

  • When to use
  • Quick start
  • Brand sync workflow
  • Subcommands
  • References
  • Scripts

如何安装

UI-UX Pro Max · Brand

  1. 克隆这个仓库。

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

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

如何配合 Codex 使用

  1. 改 docs/brand-guidelines.md,再跑 scripts/sync-brand-to-tokens.cjs。

  2. 用 scripts/inject-brand-context.cjs --json 校验。

  3. 任何新文件交付前先用 scripts/validate-asset.cjs 检查。

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

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

下一步

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

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

Open Design 桌面客户端

一套设计系统,让每一次创作都保持品牌一致

在完整的 Vibe Design Workspace 中,用同一套品牌规则生成网页、PPT、可交互原型、数据看板、图像与 HTML 视频。连接本地 Codex、Claude Code、Cursor 等编程助手,即可免费创作。

  • 覆盖网页、PPT、原型、数据看板、图像与视频
  • 140+ 设计系统,以及完整模板与技能库
  • 连接本地 Codex 与 21+ 款编程助手 · 免费使用
免费下载

支持 macOS、Windows 与 Linux