编程 Agent · Skill · Anthropic

PCafe × Claude CodeClaude Code 里的 HTML 演示插件

PCafe 是 Claude Code 插件市场里的一个插件，里面装着 pcafe skill。装好后在任何文件夹里说“做一份演示”，Claude Code 会新建项目、按模板写内容、跑检查、看截图，最后交给你一个离线 HTML 文件。

在 Claude Code 里安装看示例演示

第一步

在 Claude Code 里安装 PCafe

  1. 在 Claude Code 里运行下面两条命令：先添加 PCafe 的插件市场，再安装插件。
  2. 安装完成后运行 /reload-plugins，或新开一个会话。

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

/plugin marketplace add Web-Casa/pcafe

或者

/plugin install pcafe@pcafe

第二步

装好之后，和 Claude Code 一起用

  • 说“用 pcafe 做一份……”，或者输入 /pcafe:pcafe 直接调用这个 skill。
  • 在 PCafe 项目里启动时，CLAUDE.md 和 .claude/skills 会自动生效，不装插件也行。
  • 让它把截图发给你看：qa/ 文件夹里每一页都有一张图，按你的意见改到满意为止。

可以直接复制的提示词

用 pcafe 技能，把 docs/q3.md 做成一份 12 页的季度汇报，读者是管理层，用 editorial 风格。只用文档里的事实并写出处。npx pcafe check 输出 PASS、你看过每张截图后再告诉我。

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

成品

用 PCafe 做出来的演示

Fedora Linux 45 有什么新变化16 页认识 Fedora Linux14 页认识 PostgreSQL16 页Cloudflare 是做什么的14 页DeepSeek-V4.1-Flash13 页介绍对象存储14 页

看全部示例 →

为什么用 PCafe

在 Claude Code 里做 PPT，为什么还要 PCafe

固定模板，不会跑版

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

检查到 PASS 才交付

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

一个离线 HTML 文件

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

常见问题

PCafe × Claude Code 常见问题

插件和直接复制 skill 有什么区别？

内容一样。插件可以一条命令安装，市场更新后用 /plugin 就能升级；复制 skill 文件夹到 ~/.claude/skills/ 也能用，只是要自己更新。

PCafe 免费吗？

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

能导出 PowerPoint 吗？

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

需要 Node.js 吗？

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

Windows 上怎么装？

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

其他工具

PCafe 也能装进这些工具

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