编程 Agent · Skill · OpenAI

PCafe × CodexCodex 里的 HTML 演示 Skill

Codex 原生支持 Agent Skills。把 pcafe 装进 ~/.agents/skills/ 后,Codex 在任何仓库里都能用它做演示:写内容、跑检查、改到 PASS,成品是一个离线 HTML 文件。

第一步

在 Codex 里安装 PCafe

  1. 用第一条命令装到全局(npx skills,已指定 Codex),或者用第二条命令直接解压到 ~/.agents/skills/。
  2. Codex 会自动发现新技能;没出现就重启一次。

装好后新开一个对话,让它说说 pcafe 技能是做什么的,答得上来就说明加载成功。

npx skills add Web-Casa/pcafe -s pcafe -g -a codex -y

或者

mkdir -p ~/.agents/skills && curl -fsSL https://p.cafe/downloads/pcafe-skill.zip -o /tmp/pcafe-skill.zip && unzip -oq /tmp/pcafe-skill.zip -d ~/.agents/skills

第二步

装好之后,和 Codex 一起用

  • 在对话里说“用 pcafe 做一份演示”,或输入 $pcafe 指定这个 skill。
  • 在 PCafe 项目里,Codex 会先读 AGENTS.md,里面写着模板规则和完成标准。
  • 让 Codex 在完成后运行 npx pcafe build <名字>,dist/ 里就是可以发出去的文件。

可以直接复制的提示词

用 $pcafe 把 README.md 讲的产品做成一份 8 页的发布演示,读者是潜在客户。新建 PCafe 项目,按 AGENTS.md 选模板,npx pcafe check 输出 PASS 后再构建。

把文件、读者、页数和完成标准说清楚,比说“做得好看点”有用得多。

成品

用 PCafe 做出来的演示

看全部示例 →

为什么用 PCafe

在 Codex 里做 PPT,为什么还要 PCafe

固定模板,不会跑版

Codex 只负责把内容写进 PCafe 的 270 多个开源模板,排版、字号和配色由模板决定,不会每次都换一个样子。

检查到 PASS 才交付

每页都有字数上限。溢出、重叠、字太小都会报 FAIL,Codex 会删减或拆页,再检查,直到 PASS。

一个离线 HTML 文件

成品是一个 HTML 文件,双击就能放映,不用联网;也能导出 PDF 和可编辑的 PowerPoint。

常见问题

PCafe × Codex 常见问题

Codex 的云端任务能用吗?

能。把 PCafe 项目放进仓库,云端环境装好 Node.js 20.19 以上,Codex 会读仓库里的 AGENTS.md 和 skills/pcafe。

PCafe 免费吗?

开源版免费,个人和商业项目都能用,作品保留“由 PCafe 制作”署名。Pro 提供 11 套付费成套模板,并可以去掉署名。

能导出 PowerPoint 吗?

可以。让 Codex 运行 npx pcafe pptx <名字>,文字是可编辑的文本框;也可以导出 PDF。

需要 Node.js 吗?

生成 HTML 需要 Node.js 20.19 以上,由 Codex 运行 npx 命令。没有 Node.js 时,skill 会退回到给你故事线和逐页大纲。

Windows 上怎么装?

npx skills 命令在 Windows 的 PowerShell 里同样能用。解压命令是给 macOS 和 Linux 的;在 Windows 上下载 pcafe-skill.zip,解压到用户目录下对应的 skills 文件夹即可,例如 %USERPROFILE%\.agents\skills。

其他工具

PCafe 也能装进这些工具

全部 Skills 和插件 →看 Pro 模板 →