Menu
Git、Testing、Deploy 與效能優化指南
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
完整的網站開發指南，涵蓋 UI/UX 設計、React/Vue/Next.js 前端框架、Laravel/Node.js 後端、Coding Style 與互動式選擇精靈
Web 動畫（Framer Motion、GSAP、View Transitions API、Lottie）。CSS 動畫見 ui/no-ai-feel.md
REST API 與 GraphQL 設計規範指南
認證授權（Auth.js、Clerk、JWT/Cookie 安全、RBAC/ABAC）。不含 OAuth provider 細節
Laravel、Node.js、Django、FastAPI 後端框架指南
JavaScript、TypeScript、PHP、Python、CSS 代碼規範
| id | dev_workflow |
| name | dev_workflow |
| description | Git、Testing、Deploy 與效能優化指南 |
main (production)
├── develop (開發)
│ ├── feature/user-auth
│ ├── feature/payment
│ └── fix/login-bug
└── hotfix/critical-fix
<type>(<scope>): <subject>
feat: 新功能
fix: 修復 bug
docs: 文件更新
style: 格式調整
refactor: 重構
test: 測試
chore: 雜項
範例：
feat(auth): 新增 Google 登入功能
fix(cart): 修復數量計算錯誤
docs(readme): 更新安裝說明
╱╲ E2E (少)
╱──╲
╱ 整合 ╲ (中)
╱────────╲
╱ 單元測試 ╲ (多)
╱──────────────╲
| 類型 | 說明 | 工具 |
|---|---|---|
| 單元 | 單一函式/元件 | Jest, Vitest |
| 整合 | 模組互動 | Jest, PHPUnit |
| E2E | 完整流程 | Playwright, Cypress |
| 主題 | 連結 |
|---|---|
| 完整測試體系 | ../test/SKILL.md — Playwright + Vitest + axe-core |
| 部署與 CI/CD | ../deploy/SKILL.md — Vercel / Netlify / Docker |
| GitHub Actions 範本 | ../deploy/ci-github.md |
| 效能優化 | ../perf/SKILL.md — CWV、Lighthouse、Bundle |
| 可觀測性 | ../obs/SKILL.md — Sentry、Web Vitals RUM、log |
| 上線前 Lighthouse | ../check/lighthouse.md |
| 上線前 a11y | ../check/a11y.md |
| 上線前 SEO | ../check/seo.md |
| 完整建站 15 階段 | ../workflows/build-website.md |