编程 Agent · Skill · Anysphere

PCafe × CursorCursor 里的 HTML 演示 Skill

Cursor 的 Agent 会自动加载 ~/.cursor/skills/ 和 ~/.agents/skills/ 里的技能。装好 pcafe 后，在 Agent 模式下说要做什么演示，它会按 PCafe 的模板写好并检查到 PASS。

在 Cursor 里安装看示例演示

第一步

在 Cursor 里安装 PCafe

  1. 用第一条命令装到全局（npx skills，已指定 Cursor），或用第二条命令解压到 ~/.cursor/skills/。
  2. 只想在一个项目里用，就放进项目的 .cursor/skills/。

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

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

或者

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

第二步

装好之后，和 Cursor 一起用

  • 在 Agent 模式下说“用 pcafe 做一份演示”，也可以 @ 引用 skills/pcafe/SKILL.md。
  • 打开 npx pcafe dev 的预览，边看边让 Agent 改。
  • Cursor 的终端能直接跑 npx pcafe check，FAIL 的地方让 Agent 删减或拆页。

可以直接复制的提示词

用 pcafe 技能，根据 @notes.md 做一份 10 页的技术分享演示，读者是前端团队，用 grid 风格。每页一个观点，代码页用 CodeDiff。npx pcafe check 输出 PASS 才算完成。

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

成品

用 PCafe 做出来的演示

PCafe 发布9 页PCafe 几何10 页PCafe 贴纸本7 页Fedora Linux 45 有什么新变化16 页认识 Fedora Linux14 页认识 PostgreSQL16 页

看全部示例 →

为什么用 PCafe

在 Cursor 里做 PPT，为什么还要 PCafe

固定模板，不会跑版

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

检查到 PASS 才交付

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

一个离线 HTML 文件

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

常见问题

PCafe × Cursor 常见问题

不用 Agent 模式可以吗？

可以把 skills/pcafe/SKILL.md 当作上下文引用，但写文件和跑检查需要 Agent 模式。

PCafe 免费吗？

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

能导出 PowerPoint 吗？

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

需要 Node.js 吗？

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

Windows 上怎么装？

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

其他工具

PCafe 也能装进这些工具

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