← 所有學員作品

Claude Code Resources:把教學內容整理成一個可執行的學習入口

這個作品把文章、設定包、範例與迷你課導覽放在同一個網站,讓新手不只是閱讀教學,而是能把素材交給 AI 開始建立自己的工作環境。

  • 網站工具應用/APP
  • 資源整理
  • 教案與課程設計
  • Claude Code

為什麼要做這個作品?

第一次碰 Claude Code 或 AI Agent,最常見的卡法是:我知道它很強,可是第一步要做什麼?教學如果散在貼文、影片、GitHub、課程頁,新手很容易收藏一堆連結,卻還沒真的開始用。我做這個站,是想把入門路徑收成一個入口:先看懂它能做什麼,再拿到能用的設定包,最後才決定要不要往下學。

這也是我後來常請學員練的形式:把自己的知識、素材、prompt、工作流收成一個網站。不必一開始就很複雜,但看完的人要知道下一步做什麼。

包含哪些功能?

網站內容包含 Claude Code 與 Codex 的定位比較、免費教學入口、常見問題、學員案例、Starter Kit 下載與迷你課導覽。其中 Starter Kit 是核心設計:上半部給人看,說明這份設定包要解決什麼問題;下半部給 AI 執行,讓使用者可以把 raw URL 交給 AI,協助完成終端機優化、外部編輯器、安全設定、MCP 推薦清單、線上部署與狀態列設定。這讓教學不只是文章,而是可以被 AI 代理執行的操作包。

完整長頁呈現從學習起點、Starter Kit 到學員案例的學習動線。

精選免費學習資源:依安裝設定、案例應用、技術文件分類,持續更新。

遇到什麼困難?

這類資源站的困難在於資訊密度。內容太少,讀者不知道為什麼值得學;內容太多,新手又會迷路。因此頁面必須分層:第一層講清楚價值,第二層整理比較,第三層提供可直接使用的資源,第四層才放進階課程與案例。AI Agent 在這裡的幫助,是快速整理長內容、改寫成不同讀者能理解的版本,並維持網站結構一致。

看完可以學到

如何替新手設計一條從理解、下載、操作到進階學習的完整路徑。

給其他想做 AI Agent 工具的同學

我教 Claude Code 最怕學員收藏一堆連結,卻沒踏出第一步。做這個站,是逼自己把教學收成可執行的入口:人看上半部,Agent 吃 raw URL。

後來這變成課程預設。一個單元結束,手上不該只剩筆記,應該剩下一句能貼給自己 Agent 的指令。資源站的困難在分層,不在寫得多。先講為什麼值得學,再比較、下載、進階。

學 AI 的時候,不要只做筆記。試著把學習路徑收成一個公開入口。它會逼你把結構講清楚,下一個新手也能少繞一段。

留言與交流

使用 GitHub 帳號回覆作者,分享你的想法。