Agentic
SuperPortia Agentic — 架構治理與學習平台
https://agentic.superportia.dev/
SuperPortia
2026-04-10T05:03:18.857Z
Autonomous Delivery Loop — 讓 Agent 自主跑完整個交付循環
https://agentic.superportia.dev/posts/autonomous-delivery-loop/
2026-03-22T00:00:00.000Z
2026-03-22T00:00:00.000Z
從 Thariq Skills、Beast Mode、Karpathy autoresearch 三大方法論提煉出的 Orchestrator 交付框架。Agent 不再等人類每步指揮，而是自動完成 PK→審查→統合→交付→自修。
n8n 實戰應用：5 個我們正在規劃的自動化場景
https://agentic.superportia.dev/posts/n8n-automation-use-cases/
2026-03-22T00:00:00.000Z
2026-03-22T00:00:00.000Z
SuperPortia 正在規劃的五個 n8n 工作流：部落格社群同步、RSS 情報收集、KOL 敘事追蹤、圖片生成管線、每日簡報整合。以及 AI 如何改變設計這些工作流的方式。
完整教學：Docker + Cloudflare Tunnel 部署 n8n
https://agentic.superportia.dev/posts/n8n-docker-cloudflare-tunnel-setup/
2026-03-22T00:00:00.000Z
2026-03-22T00:00:00.000Z
從零開始把 n8n v2.13.2 跑起來：Docker 容器設定、環境變數詳解、Cloudflare Tunnel 穿透、Access 認證閘道、安全加固五步驟。
n8n MCP Server × Claude Code：AI 直接操控工作流
https://agentic.superportia.dev/posts/n8n-mcp-claude-code-integration/
2026-03-22T00:00:00.000Z
2026-03-22T00:00:00.000Z
n8n v2.13 的 Instance-level MCP Server 讓 Claude Code 可以直接建立、驗證、部署工作流。這是自動化設計典範的根本轉移。
n8n Self-Hosted：為什麼我們選擇自建而非 SaaS
https://agentic.superportia.dev/posts/n8n-self-hosted-vs-saas/
2026-03-22T00:00:00.000Z
2026-03-22T00:00:00.000Z
Make.com、Zapier、n8n——三種自動化平台的真實差異。一個 AI-first 團隊為什麼選擇自建 n8n，以及誰應該跟著做同樣的決定。
部落格圖片作業流水線 — 零成本、零帳單風險的完整方案
https://agentic.superportia.dev/posts/agentic-blog-image-pipeline/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Agentic Blog 的圖片管理全流程：從 Canva 素材庫到 Cloudflare Pages CDN，一毛不花的圖片 pipeline 完整設計
Agentic Blog 四層品質審查報告 — NLM × Gemini × Codex × Opus 的交叉驗證
https://agentic.superportia.dev/posts/agentic-blog-quality-audit-2026-03/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
37 篇文章經過 NotebookLM 跨文章分析、Gemini 逐篇審查、Codex 嚴審、Opus 統合的完整品質報告。5 篇必修、閉環設計降規建議、Phase 0 行動計畫。
Astro Modular 內文元件參考手冊
https://agentic.superportia.dev/posts/astro-modular-component-reference/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Agentic Blog 所有可用的內文元件完整展示：Callouts、表格、程式碼、Mermaid、KaTeX、圖片 Gallery、嵌入、任務清單等
Karpathy 的 autoresearch 完整拆解 — 630 行 Python 的閉環機器
https://agentic.superportia.dev/posts/autoresearch-deep-dive/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Andrej Karpathy 2026 年 3 月釋出的 autoresearch：33.9k stars，630 行 Python，三個檔案。讓 AI Agent 無人監督地跑 700 次 ML 實驗，找到人類手動調了二十年都沒發現的改進。
Beast Mode × autoresearch — 能力層 + 閉環層 = HOTL 的完整落地方案
https://agentic.superportia.dev/posts/beast-autoresearch-complete-guide/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Burke Holland 的 Beast Mode 給 Agent 研究與執行能力，Karpathy 的 autoresearch 給 Agent 閉環與版本管理。兩者合體，才是真正的 HOTL Agent 完整架構。
Beast × autoresearch 合體 — 四個真實落地場景
https://agentic.superportia.dev/posts/beast-autoresearch-integration/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
從行銷 Landing Page 到 NQ 交易策略回測，Beast Mode 的研究能力加上 autoresearch 的閉環機制，在四個真實場景裡是什麼樣子。SuperPortia 建議從 Lighthouse 分數開始練手。
Beast Mode 完整拆解 — VS Code Agent 的六大能力
https://agentic.superportia.dev/posts/beast-mode-deep-dive/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Burke Holland 為 VS Code Agent Mode 設計的 .chatmode.md 指令，重新定義了 Agent 的自主程度。六大能力逐條解析，附標準工作流與 SuperPortia 對比觀點。
Claude 官方 85 個使用場景完全解析 — 從商務到生活的 AI 實戰指南
https://agentic.superportia.dev/posts/claude-use-cases-complete-guide/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Anthropic 官方整理了 85 個 Claude 實際使用場景，跨越 8 大領域。本文是完整總覽：分類說明、SuperPortia 最常用功能、以及通往 8 篇分文的導覽地圖。
Claude 跨領域效率應用 — 10 個提升工作效率的場景
https://agentic.superportia.dev/posts/claude-use-cases-cross-domain/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Claude in Chrome 與 Research 分類共 10 個場景：從瀏覽器自動化到跨平台研究助理，這些功能正在改變知識工作者的日常工作流程。附 SuperPortia 實戰觀點。
Claude 教育應用指南 — 11 個教學與研究場景
https://agentic.superportia.dev/posts/claude-use-cases-education/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
從課程規劃到文獻綜述，Anthropic 官方整理的 11 個教育場景逐條拆解，展示 Claude 如何成為教師、研究者、學生的真正夥伴。附 SuperPortia 觀點與建議做法。
Claude 金融分析應用 — 5 個財務與投資場景
https://agentic.superportia.dev/posts/claude-use-cases-finance/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Anthropic 官方整理的 5 個金融場景：從財務建模到帳目核對，Claude 如何協助財務分析師、投資人、與小型企業主處理原本需要專業工具或外包才能完成的工作。附 SuperPortia 實戰觀點。
Claude 法律・銷售・行銷應用 — 11 個專業場景
https://agentic.superportia.dev/posts/claude-use-cases-legal-sales-marketing/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Anthropic 官方 11 個 B2B 核心場景：Legal 4 個（合約審查、文件整理、Projects 工作流）、Sales 4 個（提案製作、CRM 準備、競品卡片、銷售報告）、Marketing 3 個（內容改編、活動分析、受眾畫像）。附 SuperPortia 實戰觀點。
Claude 生命科學與人資應用 — 3 個專業場景
https://agentic.superportia.dev/posts/claude-use-cases-life-sciences-hr/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Anthropic 官方 3 個高專業度場景：Life Sciences 2 個（臨床前研究分析、基因組數據解讀）、HR 1 個（新人入職指南）。這三個場景展示了 Claude 在高壁壘專業領域的能力邊界。附 SuperPortia 實戰觀點。
Claude 非營利組織應用指南 — 12 個實戰場景
https://agentic.superportia.dev/posts/claude-use-cases-nonprofits/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
從捐款人留存分析到志工管理系統，Anthropic 與 GivingTuesday 整理的 12 個非營利應用場景逐條拆解，附 SuperPortia 架構觀點與建議做法。
Claude 個人生活應用指南 — 16 個讓日常更輕鬆的場景
https://agentic.superportia.dev/posts/claude-use-cases-personal/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
從自建網頁到旅行規劃，Anthropic 官方整理的 16 個個人使用場景逐條拆解，附 SuperPortia 實戰觀點與具體做法。
Claude 商務應用完全指南 — 17 個真實使用場景
https://agentic.superportia.dev/posts/claude-use-cases-professional/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
從品牌資產到市場規模分析，Anthropic 官方整理的 17 個商務場景逐條拆解，附 SuperPortia 實戰觀點與建議做法。
用 NotebookLM 把部落格文章變成 Podcast — 零成本的音頻內容 Pipeline
https://agentic.superportia.dev/posts/notebooklm-blog-podcast-pipeline/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
完整的技術實作指南：把 Astro 部落格的 Markdown 文章轉成 NotebookLM Audio Overview，嵌入播放器，批次處理 34 篇存量文章。包含 CLI 步驟、frontmatter 規格、和 SuperPortia 的第一次 Podcast 實驗記錄。
NotebookLM 完全活用指南 — 從 AI 轉錄到 Podcast、影片、Infographic 的一站式工具
https://agentic.superportia.dev/posts/notebooklm-complete-guide/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Google NotebookLM 不只是 AI 問答工具。它有 13 種輸出格式，從對話式 Podcast 到 Infographic、影片，大多數人只用了其中 8%。這篇文章拆解全部能力，以及我們在 SuperPortia 怎麼計畫運用每一個。
用 NotebookLM 做 KOL 情報分析 — 跨來源觀點比較的自動化方案
https://agentic.superportia.dev/posts/notebooklm-kol-intelligence/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
如何用 NotebookLM 系統性追蹤 12 位 FB AI KOL，跨來源比較觀點，生成 Mind Map 和月報。從 Apify 抓取 FB 貼文，到 NLM 分析，到 SuperPortia KOL Pipeline 的完整整合方案。
Orchestrator 紀律方法論 — 不靠記憶靠系統的 AI 團隊管理
https://agentic.superportia.dev/posts/orchestrator-discipline-method/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
從 Thariq 的 Agent Skills 到 Codex 的嚴審，我們如何設計一套不依賴 agent 自律的 orchestrator 管理方法。dispatch packet、成本硬閘、NLM notebook 治理。
Anthropic 工程師的 Agent Skills 完全指南 — 九大類別 × 九個技巧
https://agentic.superportia.dev/posts/thariq-agent-skills-complete-guide/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
Thariq (@trq212) 是 Anthropic 工程師，他整理出 Claude Code 內部數百個 skills 的完整框架。本文是九大類別與九個製作技巧的總覽，並對照 SuperPortia 的實戰應用。
Thariq Skills #4 — Business Process & Team Automation：把重複工作流封進一個指令
https://agentic.superportia.dev/posts/thariq-skills-business-automation/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
九大 skill 類別之四。Business Process skills 讓 agent 自動化重複的跨工具工作流——standup 更新、工單建立、週報——一個指令完成，還保存歷史記錄。
Thariq Skills #7 — CI/CD & Deployment：讓 Agent 看顧你的 PR 到安全落地
https://agentic.superportia.dev/posts/thariq-skills-cicd-deployment/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
九大 skill 類別之七。CI/CD & Deployment skills 封裝從 PR 監控到 gradual rollout 的完整部署流程——包含 smoke test、自動 rollback、cherry-pick 到 production。
Thariq Skills #6 — Code Quality & Review：Adversarial Review 與程式碼品質護欄
https://agentic.superportia.dev/posts/thariq-skills-code-quality-review/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
九大 skill 類別之六。Code Quality & Review skills 讓 agent 成為自己的審查者——adversarial subagent 模式讓一個 agent 生成、另一個批評，迭代到符合標準。
Thariq Skills #3 — Data Fetching & Analysis：讓 Agent 自己去查數據，不等你貼截圖
https://agentic.superportia.dev/posts/thariq-skills-data-analysis/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
九大 skill 類別之三。Data Fetching & Analysis skills 讓 agent 直接連接資料庫、Grafana、分析工具——自帶憑證、已知查詢模式、預設 dashboard ID。
Thariq Skills #9 — Infrastructure Operations：有護欄的例行維護自動化
https://agentic.superportia.dev/posts/thariq-skills-infrastructure-ops/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
九大 skill 類別之九。Infrastructure Operations skills 讓 agent 執行例行的資源清理、依賴更新、成本調查——在危險操作上有明確的護欄，降低維護成本而不增加事故風險。
Thariq Skills #1 — Library & API Reference：教 Agent 正確使用你的內部函式庫
https://agentic.superportia.dev/posts/thariq-skills-library-api-reference/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
九大 skill 類別之一。Library & API Reference skills 解決的是 agent 不了解你的內部工具的問題——不只是文件，而是一個 agent 可以探索的知識資料夾。
Thariq Skills #2 — Product Verification：讓 Agent 自己跑驗證，而不是等你手動測
https://agentic.superportia.dev/posts/thariq-skills-product-verification/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
九大 skill 類別之二。Product Verification skills 讓 agent 能自動驅動產品流程驗證——搭配 Playwright、tmux，從 signup 到 checkout 全程錄影。
Thariq Skills #8 — Runbooks：從症狀到結構化報告的調查流程
https://agentic.superportia.dev/posts/thariq-skills-runbooks/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
九大 skill 類別之八。Runbooks skills 讓 agent 能執行完整的事件調查——症狀觸發、跨工具蒐集證據、輸出結構化報告——不再靠人工翻 log。
Thariq Skills #5 — Code Scaffolding & Templates：框架樣板生成的 Skill 模式
https://agentic.superportia.dev/posts/thariq-skills-scaffolding-templates/
2026-03-21T00:00:00.000Z
2026-03-21T00:00:00.000Z
九大 skill 類別之五。Scaffolding & Templates skills 讓 agent 生成符合你的標準的框架樣板——結合可組合腳本，適合有自然語言需求的 scaffolding 場景。
Obsidian 整合功能展示
https://agentic.superportia.dev/posts/obsidian-embeds-demo/
2026-03-19T00:00:00.000Z
2026-03-19T00:00:00.000Z
展示 Astro Modular 支援的所有 Obsidian 功能：Callouts、Wikilinks、嵌入、圖片 Gallery、影片、程式碼區塊
EGS — 為什麼 AI 代理需要工程治理規範
https://agentic.superportia.dev/posts/egs-engineering-governance-spec/
2026-03-18T00:00:00.000Z
2026-03-18T00:00:00.000Z
從混亂到秩序：SuperPortia 如何用 Engineering Governance Spec 管理多代理團隊的行為、品質和一致性。
多代理 CLI 協作 — Opus 指揮、Sonnet 執行、Codex 審查
https://agentic.superportia.dev/posts/multi-agent-cli-collaboration/
2026-03-17T00:00:00.000Z
2026-03-17T00:00:00.000Z
一個人、三台機器、五個 AI 引擎：SuperPortia 的多代理 CLI 協作實戰經驗。
SuperPortia 日常運維 — 一個人怎麼管 11 個 Repo
https://agentic.superportia.dev/posts/superportia-daily-operations/
2026-03-16T00:00:00.000Z
2026-03-16T00:00:00.000Z
從 monorepo 拆分到 11 個獨立 repo，用 hooks、SOP 和 Work Orders 維持一人團隊的營運品質。
AI 代理瀏覽器控制 — 誰能看到你的 localhost？
https://agentic.superportia.dev/posts/ai-agent-browser-control-comparison/
2026-03-15T00:00:00.000Z
2026-03-15T00:00:00.000Z
跨平台比較 Claude Code、Codex、Gemini CLI 和 Antigravity IDE 如何解決「代理看不到瀏覽器」的問題。五個平台、十個維度、一個通用橋接方案。
從 Pages 到 Workers — SuperPortia 的 Cloudflare 部署演化
https://agentic.superportia.dev/posts/cloudflare-deployment-evolution/
2026-03-15T00:00:00.000Z
2026-03-15T00:00:00.000Z
4 個靜態站、3 個 Worker、D1 + Vectorize + R2 — 全部跑在 Cloudflare 免費層上。
SuperPortia 專案全景 — 29 個專案，3 個維度
https://agentic.superportia.dev/posts/superportia-project-landscape/
2026-03-15T00:00:00.000Z
2026-03-15T00:00:00.000Z
SuperPortia 每個專案的完整地圖：它做什麼、如何部署、在生態中扮演什麼角色。三個分類維度讓龐雜的全景變得清晰可讀。
AI 代理編排工具比較
https://agentic.superportia.dev/posts/ai-agent-orchestration-tools-comparison/
2026-03-14T00:00:00.000Z
2026-03-14T00:00:00.000Z
從控制性、可審查性和操作員學習角度，對代理編排平台進行實務比較。
Context Hub 介紹 — SuperPortia
https://agentic.superportia.dev/posts/context-hub-introduction-superportia/
2026-03-14T00:00:00.000Z
2026-03-14T00:00:00.000Z
為什麼當單人運營擴展到跨多個 repo 和平台的 Agentic 工作流程時，文件基礎設施變得至關重要。