Use when adding new error messages to React, or seeing "unknown error code" warnings.
0
0
# Install this skill:
npx skills add BryantChi/webdev-skills --skill "開發流程技能"
Install specific skill from multi-skill repository
# Description
Git、測試、部署、效能優化指南
# SKILL.md
name: 開發流程技能
description: Git、測試、部署、效能優化指南
🔄 開發流程技能
Git 工作流程
分支策略
main (production)
├── develop (開發)
│ ├── feature/user-auth
│ ├── feature/payment
│ └── fix/login-bug
└── hotfix/critical-fix
Commit 訊息規範
<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 |
部署檢查清單
上線前
- [ ] 所有測試通過
- [ ] 程式碼審查完成
- [ ] 效能測試通過
- [ ] 安全檢測完成
- [ ] 文件更新
- [ ] 資料庫遷移準備
- [ ] 環境變數設定
- [ ] 備份計劃
上線後
- [ ] 健康檢查
- [ ] 錯誤監控
- [ ] 效能監控
- [ ] 回滾計劃就緒
效能優化
前端
- 程式碼分割:動態載入
- 圖片優化:WebP、壓縮、lazy load
- 快取策略:適當的 Cache-Control
- CDN:靜態資源加速
- 壓縮:Gzip/Brotli
後端
- 資料庫索引
- 查詢優化
- 快取:Redis
- 非同步處理:Queue
監控
指標
- 錯誤率
- 回應時間
- CPU/Memory 使用率
- 請求量
工具
- Sentry (錯誤追蹤)
- New Relic (APM)
- Prometheus + Grafana
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Amp
Antigravity
Claude Code
Clawdbot
Codex
Cursor
Droid
Gemini CLI
GitHub Copilot
Goose
Kilo Code
Kiro CLI
OpenCode
Roo Code
Trae
Windsurf
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.