Interactive Content Lab

AI for Learning

以互動式內容，重新定義學習體驗

依主題分類瀏覽 —— 從 AI Agent、Claude Code，
到基礎學科、金融分析與工具工作流。

43

Courses & Articles

8

Categories

∞

Iterations

🤖

Category 01

AI Agent & Claude Code

從 Claude Code 工具、Agent 設計理念到框架比較的完整路徑。

17 items

Claude Code 工作坊

從 Vibe Coding 到 AI 協作開發，學習用自然語言指揮 Claude 完成前端、後端到部署的全流程開發。

Vibe Coding Agent 設計 MCP

Claude Code 企業內訓完整文章

從 AI 工具地圖、Vibe Coding、CLAUDE.md、Skills、MCP 到 Agent，理解企業如何導入實際工作流。

Claude Code MCP Agent

傳統系統 vs AI Agent，你選哪個？

比較傳統系統與 AI Agent 的設計哲學、優缺點、風險與適用場景，理解兩者如何互補。

AI Agent System Design Workflow

Harness Engineering — 工程手冊

從三代範式、Guides × Sensors 控制機制到第一個 Harness 實作，理解 AI Agent 的真正護城河是環境。

Harness Guides Sensors

Hermes vs OpenClaw 深度比較

完整比較兩款 AI Agent 框架的架構設計、工具系統、平台整合、記憶機制與適用場景。

Hermes OpenClaw 比較分析

Claude Code Insights 報告

從使用數據與專案維度整理 Claude Code 的工作模式觀察，看看 AI 協作開發實際上把時間花在哪裡。

Claude Code Insights Report

AI Agent 導入流程藍圖

從數據整合、管線串聯、語意建構、模型部署到業務應用，五個階段拆解企業把 AI Agent 真正用起來的完整路徑。

Blueprint Data × Model × App Enterprise

Claude Design 系統提示解剖

把 340 行系統提示拆成五層 Guide：身份護欄、設計品味、工作流程、工具協議、技術規範，看懂 agent 行為是怎麼被塑造出來的。

System Prompt Prompt Anatomy Guide Layers

Agent Skills — 工程工作流圖

從 idea-refine、spec、planning、TDD 到 code review 與 release，一張圖看懂 Agent Skills 如何把「流程 × 紀律 × 品質」串成一條可重複的工程軌跡。

Agent Skills Workflow Engineering

The AI Scientist — 會做研究的 Agent

Sakana AI 登上 Nature 的自動化研究系統：idea → 實驗 → 論文 → 審稿一條龍，第一篇通過人類匿名 peer review 的全 AI 論文（ICLR 2025 評分 6.33，勝過 55% 人類作者）。

AI Scientist Autonomous Research Nature

GPT-5.5 vs Claude Opus 4.7 — 旗艦對決

2026 年 4 月兩大旗艦正面對打：8 項 benchmark（GPT 5 勝 3 負）、三大排行榜、API 定價、功能矩陣，七種使用情境告訴你怎麼選。

GPT-5.5 Opus 4.7 Benchmark

1B 模型時代 — Karpathy 的精煉模型論

Andrej Karpathy 的反直覺論點：未來 LLM 不會更大而是更小。從雜訊資料、低壓縮率，到「認知核心 + 外部記憶」的拆分架構，看 RAG 為何將從補丁變成主結構。

Karpathy Small Models RAG

Human Middleware 之死 — AI 原生新創宣言

把 AI 當扳手是戰略誤判——AI 是公司的 kernel。從閉環 OS、可查詢組織、Software Factory、三種員工原型到 Token Maxing，一份 AI 原生新創的施工藍圖。

AI-Native Org Design 10,000× Engineer

Karpathy 四原則 — 給 Claude Code 的紀律手冊

89k★ repo 拆解：從 Karpathy 的 LLM 寫程式痛點，到一個 CLAUDE.md 檔的四條原則——Think Before Coding、Simplicity First、Surgical Changes、Goal-Driven Execution。

Karpathy CLAUDE.md Coding Discipline

Roadmap 已死 — Anthropic 的出貨機器

從 6 個月壓到 1 天的 feature cycle。Cat Wu 揭露 Anthropic 五個出貨機制：殺死 roadmap、Eval-Driven PM、Eating the Harness、Chat→Action、Just Do Things。

Cat Wu Shipping Velocity Eval-Driven PM

Symphony — OpenAI 把 Agent 變成可管理的工作流

openai/symphony 開源 daemon 17.2k★：輪詢 Linear → 為每張票開隔離 workspace → 跑 Codex agent → 交回 PR 與 proof-of-work。八元件、六層抽象,從 supervise agent 走向 manage work 的範式轉移。

OpenAI Workflow Daemon Linear

企業 Agent 的解剖學 — 大腦・五官・手腳・工具

把 agent 當成一個身體拆四塊：LLM 大腦、五官輸入層（語音／文字／影像／API event）、手腳行動層（read／write／call API／RPA）、工具能力外掛（MCP／function calling／skills）。配 SVG body schematic 圖解。

Agent Anatomy LLM MCP

🏢

Category 02

AI × 企業管理

研究機構與顧問公司的 Agentic AI 觀點：企業如何從基礎建設、流程重設到管理模式全面調整。

2 items

McKinsey：Agentic AI 的關鍵，不在模型，而在基礎

整理 McKinsey 談 Agentic AI 規模化的重點：資料瓶頸、流程 agentify、三大基礎與「人 + Agent」。

McKinsey Foundation Workflow

MIT Sloan：Agentic AI 重新定義「管理」本身

Agentic AI 的挑戰不在技術，而在管理模式：從隱性管理轉向顯性規則、從管理結果轉向持續監控。與 McKinsey 觀點呼應。

MIT Sloan Management Oversight

🛡️

Category 03

AI 與資訊安全

AI／SaaS 供應鏈攻擊、OAuth 憑證風險、Agent 時代的資安鑑識案例。

2 items

9 秒——AI Agent 抹掉一間公司的 Production 資料庫

PocketOS 用 Cursor + Claude Opus 4.6 開發，agent 在 staging 卡住後撿到 Railway API token，9 秒內把 production volume 連同 backup 一起 curl 清空。Token 最小權限、backup 隔離、break-glass——三條 harness 教訓。

Postmortem Least Privilege Harness

Vercel × Context.ai — OAuth 供應鏈入侵鑑識

2026 年 4 月 Vercel 事件完整流程圖：從 Roblox 外掛、Lumma Stealer 到 OAuth 憑證橫向移動，一頁看懂 AI／SaaS 供應鏈攻擊的標準劇本。

OAuth 供應鏈 Incident

🦞

Category 04

OpenClaw 生態系

開源 Agent 框架 OpenClaw 的教學、架構、部署與實戰體驗。

4 items

龍蝦 OpenClaw 教學大綱

從 OpenClaw 的定位、架構、渠道接入、Skills、記憶、部署到自動化的完整課程地圖。

OpenClaw Agent Skills

OpenClaw 架構導覽

走一遍 OpenClaw 開源專案的目錄結構、核心模組與系統設計，快速建立全景理解。

OpenClaw Architecture Open Source

Ubuntu OpenClaw 快速上手指南

在 Ubuntu 上從零安裝、設定並跑起第一個 OpenClaw 實例，逐步說明依賴與常見問題。

Ubuntu Quickstart 環境設定

OpenClaw 金融 AI 助理體驗

透過一個可互動的金融 AI 助理情境，體驗 OpenClaw 在實際任務中如何規劃、呼叫工具並產出結果。

OpenClaw Finance Agent 體驗

🧠

Category 05

記憶與知識管理

Agent 的長期記憶系統、個人知識管理、第二大腦建構方法。

6 items

Agent Memory 架構 — 為什麼記憶才是下一個決勝點

stateless LLM 的四個失能、為什麼 RAG 不等於 memory、四層記憶架構（Working／Episodic／Semantic／Procedural 對映認知科學）、2026 前沿四方向（Graph／OS／Learning／Benchmark），以及最難的問題：什麼該存、什麼該忘。

Memory RAG ≠ Memory 4-Layer

Claude Managed Agents Memory

Anthropic 把長期記憶做成內建基礎設施：filesystem 介面、跨 session 學習、稽核與版本控制，一頁看懂為什麼它讓 Rakuten 首發錯誤降 97%。

Managed Agents Memory Public Beta

Obsidian 完全指南

從筆記到知識管理的完整學習路徑。掌握雙向連結、Markdown、卡片盒筆記法，建立「第二大腦」。

知識管理 Zettelkasten 數位花園

MemPalace 教學大綱

從記憶宮殿架構、分層記憶、AAAK 壓縮到 MCP 整合，為 AI Agent 設計可持續的長期記憶系統。

Agent Memory MCP Long-term Context

MemPalace 架構圖 — Wing / Hall / Room / Closet / Drawer

MemPalace 分層記憶架構的視覺化拆解，快速看懂各層組件如何組合成長期記憶系統。

MemPalace 架構圖 Agent Memory

LLM Wiki 互動導覽

以互動式內容快速理解大型語言模型（LLM）的核心概念、發展脈絡與常見應用場景。

LLM Wiki 互動導覽

💰

Category 06

金融與數據分析

技術指標、財務建模，用數據與工具導航市場。

2 items

技術指標入門

從基礎 K 線到 MA、RSI、MACD、布林通道、KD 等核心工具，讓數據說話，用指標導航趨勢。

K線圖 RSI/MACD 布林通道

Claude Cowork Financial Analysis Plugin

學習 Claude Desktop 的專業財務分析工具，掌握 DCF、可比公司、LBO、三表模型等 10 種 Skills。

財務建模估值分析投行簡報

📐

Category 07

數學與基礎科學

以互動視覺化重建抽象概念的直覺——從數學、化學到工程原理。

6 items

從極限、微分到積分，透過動態圖表與即時互動，掌握微積分的核心概念。

極限微分積分

以圖像化的方式理解分數概念，從基礎認識到四則運算，逐步建立直覺。

分數概念通分四則運算

二進位運算

認識電腦的語言——二進位制，透過互動式位元開關，直覺理解進位轉換與運算。

進位轉換位元運算補數

從元素週期表開始，認識構成世界的基本元素，透過互動探索化學的奧妙。

元素週期表化學元素原子結構

三角函數入門

從直角三角形出發，認識 sin、cos、tan，搭配圖形與生活應用掌握三角函數。

三角比特殊角波形圖

馬達原理入門

從電磁學基礎出發，認識 DC、AC、步進與伺服馬達，了解電能轉動能的原理與應用。

電磁學 DC/AC 步進/伺服

🛠️

Category 08

工具與工作流程

從短影音製作、業務流程到 CLI 工具，把工作流轉成可以自動化的系統。

5 items

教學短影音製作流程

從企劃、腳本、拍攝到剪輯發布，掌握短影音製作技巧，適用 Shorts、TikTok、Reels。

企劃腳本拍攝技巧剪輯後製

會展場地出租業務流程

從客戶洽詢到活動結案，完整掌握場地租賃業務流程，邁向自動化系統整合。

業務流程報價系統自動化

Google CLI 介紹大綱

從安裝、登入、權限、常用指令到自動化腳本，管理 Google Cloud 與 Workspace 工作流。

Google Cloud Workspace Automation

Linear — 開發團隊的工作座標系

Workspace › Team › Project › Cycle › Issue 五層階層、issue 解剖、狀態機，加上 View vs Project 的差異與每日四個 surface（Inbox / Triage / Cycle / Roadmap）。Symphony 把 Linear 當 agent 工作來源的前置教材。

Linear Issue Tracker Workflow

更多工作流內容

持續加入新的工作流程與工具教學，敬請期待。