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