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

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

學習資源教學整理
Claude Code Resources 首頁截圖

為什麼要做這個作品

很多人第一次接觸 Claude Code 或 AI Agent 時,會卡在「我知道它很強,但不知道第一步要做什麼」。如果教學散落在貼文、影片、GitHub repo、課程頁與工具清單裡,新手很容易收藏很多連結,卻沒有真的開始用。Claude Code Resources 的目的,是把入門路徑整理成一個清楚的公開入口:先理解工具能做什麼,再拿到可以直接使用的設定包,最後知道如果想深入學,可以往哪裡走。

這個作品也示範了一種很適合學員練習的形式:把自己的知識、素材、prompt、工作流整理成網站。它不需要一開始就很複雜,但要讓讀者看完知道下一步怎麼做。

包含哪些功能

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

Claude Code Resources 完整長頁截圖

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

Claude Code Resources 首頁第一屏

第一屏用清楚的主張告訴讀者:這是 AI 個人助理的起點。

遇到什麼困難

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

最後想對大家說的話

如果你正在學 AI,不要只做筆記。試著把你的學習路徑整理成一個公開入口:它會逼你釐清知識結構,也會讓下一個新手少走一段路。

進一步認識作者

作者是雷蒙三十。你可以前往 Claude Code Resources 查看完整資源站,也可以從 GitHub repo 了解網站素材與設定包如何被整理。