2D 通才技能
使用此技能設計、動畫、紋理與合成編輯解說動態圖像，風格參考 Vox（Atlas、By Design、Earworm、Missing Chapter）與 Flat Pack FX，跨越 2D、2.5D 與 3D 維度，使用已安裝在用戶機器上的工具（或建議缺少的免費工具）。
模式路由
| 模式 | 範圍 (2D / 2.5D / 3D) | 主要參考文獻 |
|---|---|---|
audit | 檢查已安裝的免費 2D/3D 工具 vs. 可選下載 | references/2d-3d-toolchain-matrix.md |
design | 視覺層級、不對稱比例、藍圖美學、色板 | references/vox-psychology-and-design.md |
map | 2D 向量/衛星地圖、2.5D 浮雕/拉伸圖層、3D 地形與 KML 路徑 | references/maps-and-geodata-2d-3d.md |
chart-timeline | 預繪尺規時間軸、2D/3D 長條/折線圖、點陣重複器、波形 | references/charts-timelines-and-data.md |
archival-collage | 雙螢光筆、報紙縮放/閃爍、撕裂邊框、2.5D 視差、3D 幻燈機 | references/archival-collage-and-camera.md |
在步驟 1 之前，執行意圖簡報（references/intent-brief.md）：根據請求填入目的、格式、主題、外觀與限制，僅詢問缺少的資訊（最多 4 個問題，提供選項與建議預設值），撰寫 brief.md，在第一次高成本步驟前顯示便宜的預覽，並在交付前檢查結果是否符合簡報。偏離用戶目標的作品即為失敗的作品。
端到端工作流程
- 審計工具鏈 (
audit)- 執行
uv run --no-project python scripts/check_vox_toolchain.py來檢測已安裝的 2D/3D 工具（Blender、DaVinci Resolve / Fusion、Remotion + Three.js/SVG、FFmpeg），並列出任何缺少的選用工具（QGIS、Inkscape、Krita）的單行免費安裝指令 (winget)。
- 執行
- 建立層級與表面 (
design)- 應用不對稱比例張力（一個主導錨點、大量離白
#F4F1EA或藍圖石板色#1B222C負空間、連接路徑）。在動畫前執行移視/回視測試。 - 建立視覺權威的三大支柱：表面（暖紙纖維 + 靜態顆粒）、墨水（
Multiply/Color Burn滲色 + 亮度遮罩 + 粗糙邊緣 +0.5–1.5px柔化度）、以及生命力（圖形元素使用8–12 fps的Posterize Time，背景紋理沸騰使用2–4 fps）。
- 應用不對稱比例張力（一個主導錨點、大量離白
- 生成程序化資產 (
scripts/generate_vox_assets.py)- 執行
uv run --no-project python scripts/generate_vox_assets.py來生成 SVG 濾鏡定義（雙層撕裂紙邊框、墨水滲色、交叉 45° 網點亮度遮罩、紙張紋理）以及比例尺規時間軸佈局。
- 執行
- 在選定的 2D / 2.5D / 3D 引擎中建構場景 (
map、chart-timeline、archival-collage)- 程式碼 / Web 2D 與 3D： Remotion + SVG 濾鏡（
<feTurbulence>+<feDisplacementMap>）+ Three.js / React Three Fiber（35mm攝影機、景深、Z 軸平面）。 - 節點合成 2D 與 2.5D： DaVinci Resolve Fusion（
FastNoise+Displace、sRender重複器、Paint修剪筆觸、ImagePlane3D+Camera3D）。 - 完整 3D 與 2D-in-3D： Blender 5.2（帶有
Noise/Build修改器的 Grease Pencil 筆觸、幾何節點比例時間軸/長條圖、3D 置換地形圖、Cycles/EEVEE35mm景深 + 合成器鏡頭/顆粒通道）。
- 程式碼 / Web 2D 與 3D： Remotion + SVG 濾鏡（
- 應用後期調色與驗證 (
scripts/validate_vox_recipe.py)- 添加微妙的 35mm 景深（或羽化調整圖層焦點遮罩）、徑向色差、暗角以及
Posterize Time節奏。 - 執行
uv run --no-project python scripts/validate_vox_recipe.py --spec <recipe.json>來驗證是否符合所有 Vox 視覺法則。
- 添加微妙的 35mm 景深（或羽化調整圖層焦點遮罩）、徑向色差、暗角以及
對於在 Blender 中完成的任何步驟（幾何節點、著色器、骨架綁定、權重繪製、NLA、bpy），請加載 use-3d-software 技能以獲取確切節點與當前 5.x 的名稱。對於剪輯、字幕、重定時、轉場、調色與輸出（在任何編輯器中，如 Resolve、CapCut、Premiere、Kdenlive、FFmpeg），請加載 edit-video。
為單一步驟設計技能：draw-and-paint-art（繪畫、人物、在 Krita 中繪製）、paint-stylized-backgrounds（背景、繪製覆蓋、視差、移動的樹葉與水）、animate-characters（角色動作、逐格動畫、剪紙動畫）以及 rig-characters（剪紙木偶）。
核心 Vox 視覺法則（不可妥協）
- 無無菌數位畫布： 絕不使用純
#FFFFFF或#000000背景。使用暖紙色（#F4F1EA）、檔案奶油色（#EFECE6）或藍圖石板色（#1B222C）並帶有靜態顆粒。 - 雙層撕裂紙邊框： 在複雜背景上的剪影需要一個離白紙邊框（
Simple Choker/ 形態學膨脹），並通過雙重處理使其粗糙：處理 1（Spiky/ 大尺度剪刀剪裁）+ 處理 2（Roughen/ 細紙纖維邊緣）+ 限制在剪影上的Hard Light布料/紙張紋理。 - 印刷引用網點： 應用交叉
+45°/-45°網點亮度遮罩（分為高光與陰影遮罩），將其調低到感知閾值（8%–18%不透明度），使現代新聞剪影看起來像是印刷並經過事實查核。 - 預繪尺規時間軸法則： 絕不將不等的時間間隔均勻分佈。首先繪製均勻分佈的尺規/刻度，然後將事件放置在其真實比例座標上，使集群與間隙能講述故事。
- 雙螢光筆法則：
- 數位/螢幕文字： 乾淨的
#FFE600筆觸、Multiply混合模式、筆觸高度短於字母 cap-height（約 75–85%）、未標記的文字調暗至約30%不透明度。 - 檔案/書頁： 3 道粗糙邊緣處理（水平記號筆條紋 + 邊框 + 粗糙邊緣）+
Bulge湍流置換，放置在 3D 空間中，使用35mm攝影機與追蹤該行文字的淺景深。
- 數位/螢幕文字： 乾淨的
- 攝影機速度曲線： 所有 2D/3D 攝影機平移與縮放必須使用等效
35mm焦距、Null 控制器父子關係，以及連續貝茲鐘形曲線速度圖（慢速緩入 -> 快速急停 -> 慢速穩定），絕不使用線性關鍵影格。
腳本與參考文獻
- 工具鏈審計：
scripts/check_vox_toolchain.py - 資產與 SVG 濾鏡生成器：
scripts/generate_vox_assets.py - 配方驗證器：
scripts/validate_vox_recipe.py - 單元測試：
scripts/test_vox_skill.py