Canvas：模型寫出的一切都有即時預覽窗格

多數聊天工具丟給你一塊程式碼，然後祝你好運。你把它複製進編輯器、存成檔案、開瀏覽器、發現有點不對、回到聊天、貼上修正，然後一再重複。Canvas 拿掉了這個迴圈裡的每一步，只留下要緊的那兩步：問，以及看。

Canvas 是什麼

當模型的答案裡含有可渲染的東西時，一個預覽窗格會在對話旁邊打開，把它即時顯示出來。HTML 渲染成一個頁面。SVG 渲染成那張圖。一塊 Mermaid 變成那張圖表。Markdown 變成格式化的文字。模型寫完的那一刻，你看到的就是結果，而不是原始碼。

聊天留在左邊，渲染出來的成品在右邊。你繼續講 — 「把標題弄小一點」、「用深一點的背景」、「替重試路徑加一個節點」 — 預覽會隨模型修改而更新。不必複製、不必貼上、不必開第二個 app。

它在哪裡發揮價值

它把幾件本來是苦差事的事變成了一場對話：

• 落地頁區塊與電郵 HTML。 描述一個英雄區塊、看著它渲染，用大白話去微調間距和顏色，直到它看起來對為止。你是在迭代那個東西本身，而不是在迭代對那東西的描述。
• 圖表。 要一張認證握手的流程圖，或一張請求的時序圖。Mermaid 瞬間把它渲染出來，而「把這兩步對調」是一句話，而不是手動重畫。
• 圖表與 SVG。 快速的資料草圖、圖示、簡單的插畫。你以全尺寸看到它們，靠講話來細修。
• 長文寫作。 Markdown 渲染出真正的標題與結構，於是你是以讀者會看到的樣子在讀那份文件，而不是瞇著眼盯著原始的星號。

它跟模型選擇器搭配運作

Canvas 不綁死在某一家供應商上。用一款快速模型起草一個版面，再把棘手的部分分支到一款更強的 — 預覽會跟著那條獲勝的分支。因為這份成品是住在對話旁邊，而不是住在某一款模型的沙盒裡，切換模型不會讓你損失正在進行中的工作。渲染只是對著新答案重跑一次而已。

那正是整個 studio 所建基的同一條原則：那個有用的東西（在這裡是一份即時成品）屬於你的對話，而不屬於某一款模型那道圍牆裡的功能集。

用語言迭代，把原始碼帶走

當預覽看起來對了，原始碼就在那裡讓你帶走 — 複製那段 HTML、匯出那張 SVG、抓走那段 Mermaid 定義。Canvas 不是一個只有它自己讀得懂的黑盒子；它是一條讓你更快抵達你完全擁有的原始碼的路。你用大白話完成了迭代，最後拿到可投產的產出。

一個效果遠超體量的小功能

Canvas 並沒有加上模型本來沒有的能力 — 它們一直都會寫 HTML。它拿掉的，是寫出來和被看見之間的那道縫隙。把那道縫隙合上，會改變你工作的方式：你不再把模型的產出當成留待之後評估的草稿，而開始把它當成一個你此刻、即時、在同一個視窗裡正在塑形的東西。結果證明，這幾乎就是讓一個工具感覺起來快的全部原因。