设计系统

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,产出归你所有。