收藏自己打開來用的外部工具：網站、本機應用、素材庫、圖鑑。就算背後有 AI，只要不是裝進 agent 裡的，都放這裡。
裝進 agent 裡用的 skill／plugin／MCP 收在 AI 技能收藏。每張卡記「做什麼、怎麼用、要注意什麼、我試了沒」。
圖例 型態：網站 本機應用 狀態：⬜ 待試・✅ 已在用
（★ 為查看當時概數，非即時。）
📇 快速索引
🎨 設計與視覺素材（2）
| 名稱 | 型態 | 平台 | 一句話 | 來源 | 狀態 |
|---|---|---|---|---|---|
| Motion Library 動態收藏 | 網站 | 瀏覽器 | 327 種網頁動效圖鑑，可交叉篩選、每格附可複製的 AI 提示詞 | 網站↗ | ⬜ |
| Mesh Avatar Studio | 本機應用 | Claude Code・Codex 驅動 | 一張插畫 → 會眨眼說話轉頭的 2D 網格虛擬形象，agent 綁骨架、人在編輯器微調，可接 OBS 直播 | repo↗ | ⬜ |
🤖 AI 開發參考（1）
| 名稱 | 型態 | 平台 | 一句話 | 來源 | 狀態 |
|---|---|---|---|---|---|
| Claude Cookbooks | 網站 | GitHub（Jupyter notebook） | Anthropic 官方的 Claude API 食譜集：約 100 個可跑的 notebook，從工具呼叫、RAG、評估到 agent 模式 | repo↗ | ⬜ |
🎨 設計與視覺素材
Motion Library 動態收藏
網站 · 網頁（Hannah，UI/UX Designer 整理） · 327 種（2026-10-29） · ⬜ 待試
做什麼：一本網頁動態效果的圖鑑。想在頁面上加動效、卻說不出要什麼樣子時，先在這裡挑，再把描述丟給 agent 照做。
- 三軸交叉篩選：「元件」（文字 105、按鈕、卡片、背景、游標…）×「時機」（進場、退場、切換、循環待機、懸停點擊、捲動觸發、拖曳）×「情境」（標題 Hero、強調重點、數字資訊、轉場…），例如「按鈕 × 懸停」。另可依技術篩：CSS 194、GSAP 119、Canvas 14。
- 每格都有可試玩的預覽，互動類可以直接用滑鼠移動、捲動、拖曳。
- 「複製 AI 提示詞」複製的是外觀與節奏的描述，不是程式碼。例如閃電砸落：「先閃兩下強光並出現一道閃電線，文字從 2 倍大瞬間砸下縮回原尺寸，落地時輕微震動……整段約 2.4 秒」，最後一律加上「配色請依照網站既有的主題色」。
怎麼用：篩到想要的效果 → 複製提示詞 → 貼給 Claude Code 等 agent，並說明要套在哪個元件、用 CSS 還是 GSAP。描述裡的秒數、縮放倍率就是驗收時對照的規格。
⚠️ 注意
- 預覽是作者重製的示意，名稱與描述來自 Threads 上其他人的整理。網站自述「僅供個人參考學習」，不要整段照抄到商用作品。
- 提示詞只描述外觀，沒有效能與無障礙要求。實作時要自己補（我的建議）：尊重
prefers-reduced-motion、只動transform／opacity，避免觸發重排。 - GSAP 類的效果是用 GSAP 3.13 示範的。
- 我還沒實際拿提示詞讓 agent 做過，產出品質未驗證。
Mesh Avatar Studio
本機應用 · Claude Code・Codex · MIT（範例角色 Miko 另有授權） · ★1.6k（2026-10-30） · ⬜ 待試
做什麼：給一張插畫，做出會眨眼、說話、轉頭、呼吸、頭髮會飄的 2D 網格虛擬形象（mesh avatar），可以用自己的臉和聲音即時驅動，接進 OBS 直播。分工是：coding agent 負責綁骨架、切圖層、自我檢查，人在本機編輯器拖點微調。它不是 skill，而是一個 repo：你在 repo 裡開 Claude Code 或 Codex，agent 照 docs/agent-guide.md 一步步做。
核心（agent guide 的設計值得看）
- 先驗模型的視力，不合格就停：開工前先跑
vision-check.py，產生一張帶編號標記的圖，讓模型讀座標、打分數。分數不及格，就告訴使用者「這個模型讀到的座標很可能偏掉，後面大多要手修」。指南也要求 agent 先報自己是哪個模型，不在推薦清單上就先問要不要繼續。 - 座標一律在放大的網格上讀：用
grid.py畫格線，再逐區放大。「直接看整張圖估座標」被列為不可接受。 - 用固定姿勢的渲染圖自我審查：
render-poses會輸出閉眼、張嘴、左右轉 ±30°、抬頭低頭、各種表情、頭髮擺動的截圖與接觸表，逐張檢查，例如閉眼不能露出虹膜、轉頭不能撕裂網格。沒看圖就回報成功也被列為不可接受。 - 素材不出本機：插畫只放在
projects/，不 commit、不上傳。唯一例外是第 6 步，要畫閉眼、嘴型、表情的差分圖時，經使用者同意才把圖和遮罩送去產圖。
裝與用
# 需要 Node.js 22.17+ 與 Git
npx create-mesh-avatar-studio
cd mesh-avatar-studio
npm run dev # 開編輯器，先看內附範例- 讓 agent 做自己的角色：在 repo 裡對 agent 說「Create an avatar from this image following docs/agent-guide.md:
/path/to/your-image.png」。正面、露出頭肩、透明背景的 PNG 效果最好。 - Codex 一鍵版：
npm run create -- /path/to/image.png。通常要花幾十分鐘。--random可以讓 Codex 先畫一個新角色再做。 - 完整流程要 Python 3.10＋uv 與 Playwright Chromium，
npm run doctor會列出缺什麼。 - 輸出：可匯出單一
.mavatar檔分享。Live 頁可以接攝影機與麥克風，複製 OBS Browser Source 網址。不想安裝的話，也有純瀏覽器的 Player。
⚠️ 注意
- 推薦模型：Claude Code 用 Opus 5.5、Codex 用 GPT-6.1 Sol。指南說讀像素座標需要很強的視覺能力，換弱一點的模型品質會掉。
- Claude Code 不能產圖：閉眼、嘴型、表情的差分圖只有 Codex 能直接畫。Claude Code 只會幫你準備遮罩和提示詞，要自己拿去其他產圖工具。沒有差分圖時，眨眼和說話只靠網格變形，比較不自然。
- Codex 一鍵版會把插畫和遮罩送到 OpenAI，執行前會先問；加
--no-variants就全部留在本機。另外它用--approve-for-me跑，agent 要在沙箱外執行工具（例如開 Chromium 截圖）時會自動核准，不經過你。 - 攝影機和麥克風的資料都留在本機，傳到直播畫面的只有動作數值。
- 範例角色 Miko 不屬於 MIT 授權，可以用在自己的作品裡修改，但不能單獨轉散佈。
- Rust 原生版本與 macOS 桌面角色還是實驗功能。
🔗 相關：→ 工具-讓LLM產出可驗證的產物（同一個思路：先校準模型能力、用渲染結果檢查自己，不讓模型只靠「看起來對」就回報完成）
🤖 AI 開發參考
Claude Cookbooks
網站 · Anthropic 官方 GitHub repo · MIT · ★54k（2026-11-02） · ⬜ 待試
做什麼：Anthropic 官方維護的 notebook 食譜集。每個 notebook 都是一個可以跑的完整範例，示範某種 Claude API 用法或 agent 做法。登記在 registry.yaml 的有 99 篇，日期從 2023-08 到 2026-10。要做某件事前，先來這裡找有沒有官方寫好的範例。
分類導覽（依資料夾，篇數為 2026-10-29 版本）
| 資料夾 | 篇數 | 什麼時候去翻 |
|---|---|---|
managed_agents/ | 17 | 用 Claude Managed Agents 做代管 agent：資料分析、SRE 事故處理、記住使用者、多 agent 協作、預算上限、版本回滾 |
misc/ | 15 | API 基本功：批次處理、prompt caching、JSON 輸出、PDF、建評估、產生測資、metaprompt、引用來源 |
tool_use/ | 13 | 工具呼叫的各種做法：程式化工具呼叫、用 embedding 找工具、context 壓縮與清除、記憶工具、平行呼叫 |
third_party/ | 13 | 和 LlamaIndex、LangChain、Pinecone、MongoDB、ElevenLabs、Deepgram 等整合 |
claude_agent_sdk/ | 10 | 用 Agent SDK 做研究、SRE、資安弱點偵測等 agent；部署與從 OpenAI Agents SDK 遷移 |
capabilities/ | 7 | 分類、摘要、RAG（含 contextual retrieval）、Text to SQL、知識圖譜 |
multimodal/ | 6 | 看圖、看圖表與簡報、文件轉寫、zoom 工具看細節 |
patterns/ | 5 | agent 工作流模式：chaining、routing、平行、orchestrator-workers、evaluator-optimizer |
| 其他 | 13 | skills、extended thinking、可觀測性（OpenTelemetry）、成本最佳化、工具評估、微調 |
已經收進庫裡的：→ Claude Cookbooks（讀完的 4 篇：工具-agent工作流的基本模式、工具-讓模型寫程式一次呼叫多個工具、工具-agent成本最佳化清單，以及補進 前綴快取 Prompt Caching 的預熱快取）
⚠️ 注意
- 跑 notebook 會花錢：都是真的呼叫 Claude API（有些還要第三方服務的 key）。
- 看日期再照抄：最早的是 2023 年的，部分綁舊模型（例如微調 Claude 3 Haiku）或 beta 功能，參數可能已經改了。照做前先對照官方文件。
- README 的目錄只列了一部分，完整清單看
registry.yaml。
🔗 相關
- AI 技能收藏 —— 裝進 agent 裡用的 skill／plugin／MCP