前端与 UI

UI-UX Pro Max · Slides

用 Chart.js 和版式模式,搭出 HTML 演示文稿。

这是什么

一个面向策略型 HTML 演示的小分派 Skill。它解析子命令,再加载覆盖版式模式、HTML 模板、文案公式和幻灯片策略的参考文件。

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
来自上游 SKILL.md

它对设计意味着什么

  • 幻灯片是 HTML,字体和间距都走真实的设计 token。
  • 数据页交给 Chart.js,数字是活的,不是贴上去的图。
  • 版式从一组模式里挑,整套演示视觉统一。

包含哪些内容

  • When to use
  • Subcommands
  • References
  • Routing

如何安装

UI-UX Pro Max · Slides

  1. 克隆这个仓库。

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

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

如何配合 Codex 使用

  1. 用 create 子命令加上主题和页数来调用。

  2. 它加载 references/create.md,照着那套创建流程走。

  3. 它从参考文件里取版式模式和文案公式。

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

在 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