一鍵生成手繪墨水風機械？AI技能包Colorfigures開源：可點擊操作＋360度透視內部構造！

Colorfigures是由具備建築學訓練與插畫背景的資深產品設計師 April Zhu 所打造，她長年專注於從零構建結合直觀介面與視覺美感的數位產品，此次開源的專案，正是將工程空間思維融入生成式AI的新嘗試。該專案是一個專為 Claude Code、Claude.ai、ChatGPT 及 Gemini 等主流大語言模型打造的Skill。使用者只需輸入一句日常物件的簡單描述，AI 便會自動生成一個具備「手繪墨水風格」的等角投影（Isometric）網頁互動模型。這些模型不僅支援滑鼠拖曳 360 度旋轉，內部的按鈕、旋鈕與開關更具備真實的操作反饋，甚至能切換成半透明的「透視模式」，讓使用者直觀檢視機器內部的齒輪、電路與機械傳動結構。

告別冰冷 3D 渲染：手繪墨水美學與真實物理互動

與傳統追求寫實光影的 3D 建模不同，Colorfigures 採用了帶有手繪線條質感的等角投影風格。每個生成的物件都呈現出插畫般的溫潤感，系統更內建了線條抖動（Wobble）調節與多種經典配色（如番茄紅、芥末黃、薄荷綠及鈷藍），讓畫面在保留工程結構感的同時，兼具復古美術風格。

更關鍵的是，生成出來的並非單純的影片或靜態圖，而是可以直接嵌入網頁的動態元件：

• 扭蛋機與夾公仔機：投入硬幣並轉動把手後，內部的扭蛋會沿著滑道真實滾落。

• 黑膠唱片機：使用者手動移開唱針並放置唱片，轉盤旋轉與音樂動畫便會隨之同步啟動。

• 日常家電：多士爐按下把手後麵包會受熱彈起，電熱水煲按下開關後會模擬沸騰過程，並在水滾時發出「Click」一聲自動跳掣斷電。

一鍵切換「X 光」透視：直觀拆解日常機械內部原理

除了外部操作，該專案最具教學與展示價值的功能在於其「透視（See-through）」模式。

當使用者勾選透視開關時，整個物件的外殼會即時切換為半透明材質，內部原本隱藏的零件與運作機制隨即一覽無遺。以演示中的意式咖啡機為例，透視後清晰可見內部的水箱（Water Tank）、蒸氣閥（Steam Valve）、鍋爐（Boiler）、加熱器（Heater）、水泵（Pump）以及電路控制板（Control Board），且各個核心組件均配有引線與動態標籤提示。

從街頭的自動販賣機、舊式街機、影相亭，到家中的雪櫃、微波爐、抽氣扇乃至洗手間座廁，使用者均可透過 360 度旋轉與內部透視，觀察複雜機械結構在日常生活中是如何維持運轉的。

220KB 輕量文本如何指導 AI 自主除錯？

在底層架構上，Colorfigures 本身並非獨立軟體，而是一套總容量僅約 220 KB、由 8 個純文字 Markdown 與腳本檔案組成的輕量提示工程系統。它將繪圖引擎規範、狀態機範本與驗證流程封裝成標準規則，供大語言模型讀取執行。

當開發者在終端機或聊天介面將該技能包交給 AI 時，模型需要經歷大約 15 至 30 分鐘的多步驟推理運算，消耗約 20 萬至 40 萬個 Token，依序完成以下任務：

1. 空間與幾何構建：AI 依據指令精確計算物件在各視角下的等角幾何坐標與圖層遮擋關係。

2. 狀態機與機械邏輯編寫：將「投幣 ➔ 解鎖把手 ➔ 帶動連桿 ➔ 釋放物體」等連鎖動作，轉譯為前端原生 JavaScript 的狀態機代碼。

3. 自我審查與修正（Self-Correction）：在生成過程中，AI 會模擬檢查在流動裝置螢幕與透視模式下的視覺表現，自行修復組件溢出或代碼錯誤，最終導出一個完全獨立、無須調用任何外部庫的單一 .html 檔案。

該系統的底層視覺邏輯源自作者先前開發的 ISO-GLOW 渲染架構，而其內部剖析展示手法則借鑑了開源專案 Anatomy by Ryan 的視覺表現方式。

適用邊界與局限：專注剛性硬質物件，避開生物有機體

儘管 Colorfigures 展示出強大的結構構建能力，但作者亦在專案說明中指出了其適用的物理邊界。

這套系統最擅長處理的是具備清晰機械邏輯、包含按鈕、槓桿或齒輪的硬質人造裝置。各類廚房家電（如焗爐、攪拌機）、玩具機關（音樂盒、收銀機）、公共市政設施（交通燈、咪錶）等均能達到極佳效果。相對地，系統並不適用於人類、動物或植物等有機生命體，因為這類軟質結構缺乏明確的幾何邊界與剛性傳動組件，無法以等角投影的機械代碼有效呈現。

從技術手冊到互動百科全書

在商業與版權層面，Colorfigures 選擇以極度寬鬆的 MIT 授權協議開源發布。這意味著開發者不僅可以免費下載並修改源碼，透過該工具生成的單一 HTML 元件亦完全歸使用者所有，可自由嵌入至商業網站、付費軟件、教學課件或企業產品展示頁中，毋須支付授權費用。從產業實用角度觀察，未來的產品線上說明書、硬體維修指南或中小學科學教材，或將不再依賴枯燥的文字圖解；透過類似的輕量端側生成技術，用戶只需在瀏覽器中輕輕點擊，就能親自操作並看清一件機械內部微小零件的協同運作。