Community程式設計與開發github.com

XiaoYongV5/prd-html-generator

適用於 Claude Skills 的通用 PM 技能,支援生成產品經理就緒的頁面 PRD 與匹配的 style04 單文件 HTML 原型。

prd-html-generator 是什麼?

這是一個專為 Claude Skills 設計的通用產品經理(PM)技能,可自動生成符合產品經理需求的頁面 PRD(產品需求文檔),並同步產出遵循 style04 視覺規範的單文件 HTML 原型。此技能適用於 Codex 等 AI 代理,當需要撰寫頁面 PRD、輸出 HTML 原型、從上傳或既有的網頁生成動態頁面佈局描述,或建立管理介面、工作流程、表單、詳細頁面、儀表板及 CRUD 頁面時使用。它支援生成右側帶有 PRD 預覽抽屜的原型,並讓 PRD 條目點擊後能高亮對應的頁面區域,大幅提升產品設計與開發協作效率。該技能基於 GitHub 上的開源倉庫開發,方便開發者直接整合與擴展。

相容平台✓Claude Code✓Codex CLI~Cursor
npx skills add XiaoYongV5/prd-html-generator

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

prd-html-generator 是做什麼的?

適用於 Claude Skills 的通用 PM 技能,支援生成產品經理就緒的頁面 PRD 和匹配的 style04 單文件 HTML 原型。當 Codex 需要編寫頁面 PRD、輸出 HTML 原型、從上傳或生成的頁面生成動態頁面佈局描述、建立管理/工作流程/表單/詳細資訊/儀表板/CRUD 頁面、遵循 style04 視覺規範、生成帶有右側 PRD 預覽抽屜的原型或使 PRD 條目點擊高亮對應頁面區域時使用。

相關技能