Claude Code 上線 /design 指令：終端機即時設計介面並同步寫 Code

AI 程式設計代理需要一套可讓模型讀寫檔案、呼叫工具並執行開發工作的環境，但現有方案往往綁定特定模型或平台。Vercel 以 Zig 語言打造 fx，主打輕量、可攜與模型中立，降低代理功能整合進命令列、編輯器及網頁應用的門檻。

Vercel 近日宣布將 fx 開源，開發者可直接把它當作命令列工具使用，也能嵌入既有開發工具，或透過 WebAssembly 在瀏覽器中執行。fx 同時相容 Model Context Protocol（MCP），並支援子代理擴充，讓團隊可依任務組合工具與多代理工作流程。

隨著人工智慧自動化生成網頁技術普及，AI代理所產生的介面視覺往往面臨流於樣板化、缺乏美感且不符合品牌調性的痛點。為了解決此一技術瓶頸，開源社群開始推動結構化的品牌設計規範，讓AI能精準解讀並遵循美學標準，這不僅是網頁開發流程的重大變革，更是提升AI協作實用性的關鍵一步。

GitHub開源專案awesome-design-md於2026年7月創下新紀錄，在短短三個月內突破10萬顆星。該專案完全免費開源且無須支付任何授權金額，收錄了73個知名品牌的DESIGN.md設計說明書。開發者只需將其複製至專案中，即可讓AI生成同風格介面。

Anthropic 旗下 AI 編碼工具 Claude Code 可自主修改程式、執行測試與 lint，但代理常受長篇上下文與自我判斷偏差影響，在條件尚未全數達成前便宣告完成。新指令透過分離執行與驗收角色，降低同一模型「自己做、自己評分」造成的誤判。

Anthropic 最新推出 /goals 指令，由主要代理執行開發任務，再預設交由 Claude Haiku 模型獨立核查目標條件，包括測試與 lint 是否確實通過；若未達標，代理可繼續處理。截至 2026 年 7 月 20 日，官方尚未公布獨立發布日期、定價或完成率改善數據。

CopilotKit 是協助開發者替 AI Agent 建立互動介面的開源框架。此次推出 Open Generative UI，定位為 Anthropic Claude Artifacts 的開源實作，讓 Agent 不只回傳文字，也能在執行期間動態產生並串流 HTML、SVG 介面，降低生成式 UI 綁定單一模型或平台的限制。

Open Generative UI 建立於 AG-UI 協議之上，可銜接 LangGraph、CrewAI 等多種 Agent 框架，並提供 MCP 伺服器支援，讓開發者將生成式介面能力導入既有工具鏈。現有相關報導未揭露確切發布日期、版本編號、募資或商業授權金額，最新進展以專案開源及跨框架相容性公布為主。

Anthropic 推出的 Claude Code 是以終端機為核心的 AI 編程工具，可協助開發者讀取程式碼、修改專案與執行工作流程。隨著相關教學開始示範打造號稱 1 萬美元等級的網站與動畫，如何降低安裝、設定及 API 使用門檻，成為擴大 AI 輔助開發採用的重要環節。

開發者 Ahmed Nagdy 近期推出免費網站 claude.nagdy.me，規劃 11 個互動模組，讓使用者不必安裝 Claude Code、也無需 API Key，即可透過內建終端機模擬器邊做邊學；平台另提供設定檔生成工具。截至 2026 年 7 月 19 日，課程可直接在線使用。

開源專案 claude-peers-mcp 主打讓多個 Claude Code 工作階段在同一台電腦直接交換訊息、同步任務狀態，不必透過雲端服務或 API 中介。其重要性在於把單一 AI 助理延伸為可分工的本機協作團隊，適用於平行開發、程式除錯與研究工作。

近期 claude-peers-mcp 因展示去中心化的 AI 協作模式引發討論，各工作階段可在本機互通進度並協調任務，相關報導未揭露發布日期、開發機構或金額。實際應用仍受電腦硬體負載、不同代理同時修改內容造成衝突，以及長時間執行時的狀態同步穩定性限制。

Anthropic 推出的 Claude Code 可透過 `.claude/` 資料夾管理專案規範、工具權限與協作流程，讓 AI coding agent 不只生成程式碼，也能依團隊慣例執行任務。這套控制架構的重要性，在於降低代理行為的不確定性，並提高開發工作的可重複性與治理能力。

截至 2026 年 7 月 20 日整理的資訊，AI 工程師 Akshay 已發布完整指南，解析專案與全域兩層設定，以及 `CLAUDE.md`、`rules/`、`commands/`、`skills/`、`agents/`、`settings.json` 等六類核心元件。內容聚焦模組化指令、自訂命令與權限管理；事件未涉及募資、交易或金額數據。

Figma過去的MCP server主要把設計脈絡帶進開發工具，AI多半只能讀取檔案，或將程式介面轉成可編輯圖層；如今進一步開放寫入畫布，讓代理沿用元件、變數與Auto Layout。此舉可減少設計與開發反覆交接，也讓設計師更聚焦審核、品牌一致性及系統治理。

Figma於2026年3月24日宣布use_figma進入Open Beta，透過Plugin API讓代理直接建立、修改Figma檔案與元件，並支援Claude Code、Codex、Cursor等9款MCP客戶端。測試期間免費，未來將按用量收費；官方也將補上圖片與自訂字型功能，逐步追平Plugin API能力。

Anthropic先於2025年秋季預覽「Imagine with Claude」，讓Claude無須撰寫程式碼即可即時建立視覺內容；此次把能力帶入聊天回覆，並與可長期保存、分享的Artifacts區隔，定位為隨對話變化的臨時圖解，降低理解複利、流程與資料趨勢的門檻。

Anthropic於2026年3月12日宣布，互動視覺化以beta版向Claude所有方案開放，包含免費用戶並預設啟用；系統以HTML生成內嵌圖表、流程圖，可點擊、調整滑桿或隨追問重建。4月22日再擴及Claude Cowork所有付費方案，目前限網頁版與桌面版，尚不支援iOS、Android。