daaaayuuuu/vibe-frontend-handbook

vibe-frontend-handbook 是什麼？

daaaayuuuu/vibe-frontend-handbook 是一項專為 Codex 設計的技能，旨在將 AI Agent 生成的產品需求文檔（PRD）轉化為可實際運行的前端閉環，並提供基於瀏覽器的驗收測試。該技能透過自動化流程，讓開發者能從 PRD 中提取關鍵功能規格，自動生成前端元件與程式碼，並建立端到端的測試場景。它支援主流前端框架（如 React、Vue）與瀏覽器自動化工具（如 Playwright），確保 AI 生成的代碼能通過真實瀏覽器環境的驗證。對於 AI 輔助開發的團隊而言，此技能縮短了從需求到可驗證原型之間的迭代週期，提升前端開發效率與可靠性。其工作流程包含 PRD 解析、程式碼生成、閉環測試與結果報告，所有步驟皆在命令列介面中完成，適合整合進 CI/CD 管線。