ui-mockup

ui-mockup 技能是 Plugin Freedom System 視覺介面層的主要協調器。它簡化了從創意概念到 VST3 和 AU 音訊插件功能性 WebView 介面的轉換過程。此代理旨在為聲音設計師與開發人員提供結構化、迭代式的工作流程，以現代網路技術（HTML、CSS、JavaScript）取代傳統且繁瑣的 GUI 框架。透過將複雜的 UI 任務委派給專業子代理，確保生成的原型符合高端商業美學標準，並維持與 JUCE 框架的技術相容性。

• 迭代式設計工作流程：支援透過分層需求收集與自動化精煉週期，快速建立視覺原型。

• 自動化腳手架生成：產生生產級檔案，包括 UI HTML、PluginEditor 的 C++ 標頭檔與原始碼樣板，以及 CMake 建置設定。

• 美學整合：利用整合式視覺系統庫（顏色、間距與樣式），確保多個插件專案間的設計語言一致性。

• 情境感知操作：偵測目前專案狀態，透過 .continue-here.md 追蹤功能，無縫整合至現有的開發工作流程中。

• 決策閘道：實施嚴格的控制檢核點，使用者可在該處核准設計、要求迭代或確認最終實作，確保專案掌握度。

• 當使用者要求設計新介面、UI 設計或修改現有的 WebView 原型時，請使用此工具。

• 輸入包括創意簡報、特定控制需求、佈局偏好與美學限制。

• 輸出包含機器可讀的 YAML 設計規格、可測試的 HTML 原型以及完整的 C++ 實作腳手架。

• 遵循音訊插件的標準 UI/UX 模式，專注於參數映射、響應式佈局與專業視覺品質。

• 在初始化前，請確認是否存在美學庫，以簡化設計過程並維持插件套件間的視覺一致性。