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 模式，专注于参数映射、响应式布局与专业视觉品质。

• 在初始化前，请确认是否存在美学库，以简化设计过程并维持插件套件间的视觉一致性。