程式設計 Agent · Skill · Anysphere

PCafe × CursorCursor 裡的 HTML 簡報 Skill

Cursor 的 Agent 會自動載入 ~/.cursor/skills/ 和 ~/.agents/skills/ 裡的技能。裝好 pcafe 後,在 Agent 模式下說要做什麼簡報,它會按 PCafe 的範本寫好並檢查到 PASS。

第一步

在 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

在 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 範本 →