前端与 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.
它对设计意味着什么
- 幻灯片是 HTML,字体和间距都走真实的设计 token。
- 数据页交给 Chart.js,数字是活的,不是贴上去的图。
- 版式从一组模式里挑,整套演示视觉统一。
包含哪些内容
- When to use
- Subcommands
- References
- Routing
如何安装
UI-UX Pro Max · Slides
-
克隆这个仓库。
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
把 Codex 指向这个 Skill 文件。
cli/assets/skills/slides/SKILL.md -
然后描述你想要的界面,Codex 会照着这个 Skill 来做。
如何配合 Codex 使用
-
用 create 子命令加上主题和页数来调用。
-
它加载 references/create.md,照着那套创建流程走。
-
它从参考文件里取版式模式和文案公式。
这里的每个插件都免费开源,并附上真实的上游源地址。
在 codex-design 清单上了解更多 ↗下一步
用 Open Design 做设计,省掉那些配置
你可以自己装这个插件,也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key,产出归你所有。