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