Agent Skills/工程工作流圖
6 Stages.
Legend · 圖例
- Structural Frame
- Primary Flow
- When to Use
- Core Principle
把模糊想法寫成結構化 spec——要做什麼、為什麼、怎樣算完成。
把工作拆成小而可驗證的 task，每個都能在一個 session 裡完成。
薄切片推進——每一塊都留下可運作、可測試的系統狀態。
用真實 runtime 資料驗證；壞掉時照 triage 找根因，不靠猜。
Merge 前五維把關：正確性、可讀性、架構、安全、效能。
Git、CI、docs、launch 到位——部署要可逆、可觀測、漸進。
using-agent-skills
探索並呼叫其他 skill 的後設技能——是整個 skill 系統的入口，負責讓 agent 在對的時機選用對的工作流。
idea-refine
透過結構化的「發散 + 收斂」把粗略想法打磨成具體、能動手的概念；內含框架、範例與腳本。
spec-driven-development
開寫之前先寫出結構化的 spec——定義在做什麼、為什麼做、完成的標準是什麼。
planning-and-task-breakdown
把工作拆成小而可驗證的 task，每個 task 都附上清楚的 acceptance criteria。
incremental-implementation
以「薄的垂直切片」一次做一小塊，每塊都留下可運作、可測試的系統狀態。
test-driven-development
寫實作前先寫會失敗的測試；修 bug 前先用測試重現 bug。
context-engineering
刻意設計 agent 能看見什麼資訊、何時看見、以什麼結構看見。
source-driven-development
所有 framework 相關決策都要用官方文件支撐，避免憑記憶寫 code。
frontend-ui-engineering
打造可存取、效能好、視覺精緻的 production 等級 UI。
api-and-interface-design
設計穩定、文件良好、難以誤用的 API 與介面。
browser-testing-with-devtools
透過 Chrome DevTools MCP 在真實瀏覽器中測試，讓 agent 看到 DOM、console、network、效能數據。
debugging-and-error-recovery
用結構化 triage 找出並修復根因，而不是盲目猜測。
code-review-and-quality
跨五個面向做多維度 review：正確性、可讀性、架構、安全、效能。
code-simplification
在不改變行為的前提下，把 code 重構得更清楚、好維護、好擴展。
security-and-hardening
Web 應用的 security-first 開發實踐。
performance-optimization
優化之前先測量——先 profile、找瓶頸、修復、再測量。
git-workflow-and-versioning
Commit 是存檔點、branch 是沙盒、history 是文件。
ci-cd-and-automation
自動化 build/deployment pipeline 的品質門檻。
deprecation-and-migration
管理舊系統、API、功能的汰除與遷移。
documentation-and-adrs
記錄決策，不只是記錄 code；包含 Architecture Decision Records。
shipping-and-launch
讓部署安全、有監控、能 rollback、能理解何謂成功。
流程 × 紀律 × 品質
流程一致
從 spec 到 ship 都有對應 skill，每個階段都能照同一套標準辦事，不再每次重新想流程。
紀律內建
TDD、incremental、review gate、可觀測部署——資深工程師的做事方法被編碼成 agent 的預設行為。
品質可驗
測試即證明、context 即品質、部署即可逆——每一步都留下可追溯、可驗證的證據鏈。