入門 5 分鐘

source-driven-development:框架寫法先查官方文件

要求框架與函式庫的實作決定能追溯到官方文件,並清楚標示未驗證部分。

研究者沿著水道回到源頭核對資料,再著手建造小水輪

學完會知道

  • 理解 source-driven-development 在開發流程裡負責的工作
  • 判斷什麼情況適合使用 source-driven-development
  • 完成通用 Skills CLI、Codex 或 Claude Code 安裝

開始前先準備

  • 可使用支援 Agent Skills 的 coding agent
  • 準備一個能實際驗證的小型開發任務

這個 Skill 在做什麼

要求框架與函式庫的實作決定能追溯到官方文件,並清楚標示未驗證部分。

為什麼有用

模型記得的 API 可能已經過期,也可能把不同版本的寫法混在一起。這個 Skill 先找官方文件,再用來源支持每個框架相關決定,讀者能自己回頭核對。

適合什麼場景

  • 建立會被多個專案複製的框架範本。
  • 實作登入、路由、表單或資料擷取等版本敏感功能。
  • 審查一段看似合理,但沒有來源的框架程式碼。

和站內相近內容的差別

Wayfinder、Research 與 Handoff 裡的 research 會為一個決策產出有引用的研究文件。source-driven-development 則把查官方來源變成每個實作決定的日常要求。

如何安裝

想先查看可選清單,可以執行:

npx skills add addyosmani/agent-skills --list

只安裝這一個 Skill:

npx skills add addyosmani/agent-skills --skill source-driven-development

安裝完整 24 個 Skills:

npx skills add addyosmani/agent-skills

這個 Skill 的 SKILL.md 沒有引用上游根目錄的共用 references。只想使用這一個流程時,可以單獨安裝;若會串接其他開發階段,再裝整套會比較省事。

手動安裝時,先 clone 上游 repo,再把整個 Skill 資料夾放進代理使用的 skills 目錄:

git clone https://github.com/addyosmani/agent-skills.git

來源資料夾是 skills/source-driven-development/。如果上面列出共用 references,還要保留上游的相對路徑。

Codex

Codex CLI 0.122 以上可安裝整套原生外掛:

codex plugin marketplace add addyosmani/agent-skills
codex plugin add agent-skills@agent-skills

安裝後重新開啟 session。手動指定時輸入 @source-driven-development;也可以直接描述任務,讓 Codex 依 Skill 的 description 自動選用。

Claude Code

Claude Code 可從 marketplace 安裝:

/plugin marketplace add addyosmani/agent-skills
/plugin install agent-skills@addy-agent-skills

此外掛也提供 /spec/plan/build/test/review/code-simplify/ship 等流程指令。這些指令會編排對應 Skills,不代表每個指令都只使用本頁這一個 Skill。

自動啟用還是手動指定

自動優先。遇到框架或函式庫時就應主動查證。若任務特別要求最新寫法或精確引用,手動指定會更穩妥。

在 Codex 手動呼叫的寫法:

@source-driven-development
請依這個 Skill 的原始流程處理目前任務,完成後列出驗證證據。

原始來源

相關 Skill

讀完後可以直接點進去複製來試的本地 Skill。