Golden Space
根據需求，建立具有意圖性構圖與可編輯來源的視覺成品。請遵循需求簡報的內容、品牌、媒介、尺寸與風格。當被要求製作海報或圖片時，應實際產出成品，而非僅止於設計建議、計畫或圖像生成提示。
選擇並交付成品
- 交付使用者要求的格式：可編輯的 SVG，或點陣圖如 PNG、JPEG 或 WebP。這些是互斥的最終輸出；除非要求，否則無需同時交付兩種格式。若未指定格式，向量適合的作品選擇 SVG，照片或繪畫風格則選擇點陣圖。必要時簡短說明選擇理由。
- 對於向量適合的海報、社群圖像、扁平插圖、圖表與圖示，預設建立並儲存完整的
.svg檔案。使用者無需另行要求 SVG。如果可用渲染工具，請同時提供 PNG 預覽，但不可取代可編輯的主檔。明確要求其他格式時，以該格式優先。 - 點陣圖海報或扁平插圖可以透過中介 SVG 來構圖，並使用可用的渲染工具匯出。交付要求的點陣圖檔案；僅在要求或利於交接時才包含 SVG 來源。絕不可僅變更檔案副檔名來假裝已渲染或編碼成要求格式。
- 對於攝影、寫實或繪畫風格影像，請透過可用的圖像生成或編輯工具套用相同的構圖限制。請參閱 references/image-direction.md 以了解該工作流程。交付要求的點陣圖影像。若同時要求 SVG，請在可行時建立獨立的向量詮釋版本，並說明任何細節損失；切勿默默取代要求的視覺風格。
- 將點陣圖嵌入 SVG 是一種混合構圖，並非完全可編輯的向量作品。僅在相關時提供此類成品，清楚標示嵌入的點陣圖，並保留即時文字與獨立的向量疊加層。請勿將其作為以下所述的可攜式向量主檔。
- 使用使用者的輸出目錄，以及與所選格式相符的檔案名稱，例如
poster.svg或poster.png。當檔案工具可用時，寫入檔案並在交接時提供連結。若無法寫入檔案，請回傳完整的 SVG 原始碼。程式碼區塊是備案，不能取代可用工具能建立的檔案。
建立構圖
使用提供的需求簡報。若缺少細節，請選擇合理的預設值並簡短說明。僅在遺漏的答案會顯著改變結果時才提問。對於現有設計，請保留其目的與有用的視覺語言。
辨識訊息、焦點元素、閱讀順序、輸出尺寸以及最小預期的顯示尺寸。在生成之前，先形成一個緊湊的內部設計規格：焦點放置、比例或網格、安全邊距、間距關係、角色分類、色板以及任何受保護的文案區域。使用此規格來建構 SVG 或指導圖像工具；僅在最終說明中列出原則是不夠的。對於具體的比例與光學決策，請參閱 references/composition.md。
- 將黃金比例
phi = (1 + sqrt(5)) / 2（約1.618）視為一個可選擇的關係。一個可用的分割大約是61.8% / 38.2%，在考慮邊距與間距之後。將其與等寬欄位、三分法或內容主導的佈局進行比較。僅在內容與光學平衡因此獲益時才保留它。切勿聲稱比例證明美感，或添加螺旋僅為了顯示精緻度。 - 為留白賦予任務：分隔主題、連結相關項目、保護可讀性或創造焦點。內部間距通常應小於群組之間的間距。請勿強制統一空畫布百分比的規則。
- 透過大小、粗細、位置與空間的刻意差異來建立層級。使用對齊與重複間距使關係清晰可見。當幾何對齊的圓形、斜線與文字看起來偏移中心時，請進行調整。
- 讓色板與字型服務於主題。在交付尺寸下保持內文可讀；不要為了挽救擁擠的構圖而縮小文字。不要為了填充空間而虛構文案。
- 對於資訊圖表與介面，除了顏色之外，也要使用標籤或形狀來傳達意義。針對實際背景檢查對比度。顏色閾值與適用性請參閱構圖參考。
建立可編輯的 SVG 主檔
在生成或編輯 SVG（包括用於點陣圖匯出的中介來源）之前，請閱讀 references/svg-contract.md。預設是靜態、自包含、純向量的可編輯主檔。本節適用於 SVG 創作；點陣圖輸出無需偽裝成可編輯的向量內容。
- 撰寫一個完整的 SVG 文件，包含 SVG 命名空間與正確尺寸的
viewBox。對於 SVG 最終交付物，請儲存並連結.svg檔案。絕不可使用嵌入 SVG 的點陣圖或預覽截圖來替代。 - 保持獨立物件可獨立選取。使用描述性的唯一 ID、淺層語義群組、適合的原始形狀，以及僅在曲線必要時使用簡潔路徑。請勿將整個設計變成複合路徑。
- 在主檔中將文字保留為即時
<text>/<tspan>。宣告字型系列與後備字型，並揭露替代風險。可選的輪廓化分發副本是獨立的成品；輪廓化會失去文字的可編輯性。 - 偏好使用呈現屬性與簡單變換。避免在可攜式主檔中使用外部依賴、腳本、嵌入的點陣圖內容、HTML、動畫、濾鏡效果以及 CSS 驅動的外觀。僅在具有可見用途時才使用局部漸層或裁剪定義。需要相容性的功能應在預期的編輯器中檢查，而非做出未經測試的相容性聲明。
- 在清理現有檔案時，保留 ID、即時文字、群組與有用的精度。請勿默默執行破壞性最佳化或展平來源主檔。
僅在 assets/starter.svg 的結構符合需求簡報時，才對其進行改編。其比例、方向、顏色與風格僅為範例，不應作為每個輸出的預設值。
檢查與交接
對於最終或中介 SVG，當 Python 可用時，請執行內建的結構檢查工具：
python <skill-directory>/scripts/check_svg.py artwork.svg
修正錯誤。檢視每個警告；它是一個審查請求，而非設計不佳的自動證據。--strict 也會在警告時失敗；--json 會產生機器可讀的報告。該檢查器涵蓋保守的創作設定檔，並非所有有效的 SVG。它不測量視覺品質、對比度、裁切、路徑幾何或跨編輯器保真度。請勿將其稱為安全清理工具。
對於點陣圖交付，請驗證實際編碼格式、像素尺寸、長寬比以及要求的背景或透明度。PNG 或合適的 WebP 可以保留 Alpha 通道；JPEG 需要刻意的不透明背景。在交付尺寸下檢查壓縮與邊緣品質。請勿將 PNG 或 JPEG 送交 SVG 檢查器。
在交接前，根據設計規格審查實際視覺效果：
- 預期的主題或訊息是否為進入點，並具有清晰的閱讀順序？
- 安全邊距是否保護了基本內容，並在焦點周圍具有目的性的空間？
- 群組內部與群組之間的間隙是否清晰可辨，且無意外的相切？
- 所選的比例是否適合內容，而不會縮小或擁擠它？
- 文字、顏色關係、基線與筆畫粗細在預期尺寸下是否可讀且連貫，且無意外裁切或虛構文字？
在可能的情況下，以交付尺寸渲染 SVG 以及一個較小的預覽。檢查輸出並在交付前修正觀察到的問題；請勿僅列出遵循的規則。對點陣圖輸出套用相同的視覺審查。公式與結構性檢查無法保證美學品質。如果有編輯器可用，請開啟 SVG 主檔並確認文字與代表性形狀可獨立選取與修改。如果無法進行渲染或編輯器驗證，請回報該限制，而不是聲明其通過。
以所選格式交付實際檔案（或在無法寫入檔案時，交付完整的 SVG 原始碼），並附上關於構圖、字型與實際執行的檢查的簡短說明。在相關時包含確切尺寸與所選比例。將預覽與來源分開。除非要求，否則請勿添加設計論文。請尊重僅 SVG 或僅點陣圖的交接方式。