用途：为正在迭代的数值或视觉参数创建定制化调节面板，让用户可视化控制当前任务相关参数，实时调整并以 LLM 友好格式导出调优结果。
主要能力：识别所有可调参数（动画时长、延迟、缓动、弹簧物理；布局间距、宽高、位置；颜色、透明度、阴影、边框、变换；字号、行高、字距、字重等）；按平台选择库（React 推荐 Leva，SwiftUI 用原生控件，Vanilla JS 用 Tweakpane 或 dat.GUI）；分组控件、合理 min/max/step、预设与重置；仅导出变更值。
使用方式：先分析代码提取影响输出的参数，搜索魔法数字、样式对象、动画定义、颜色值与 CSS 自定义属性；再创建仅调试模式可见的面板（React 用 process.env.NODE_ENV === 'development'，SwiftUI 用 #if DEBUG，Vanilla JS 用 URL 参数 ?debug 或环境检查）；实现控件后添加 LLM 导出，初始化时存储默认值，浮点比较用容差（如 Math.abs(a - b) > 0.001），过滤未变更项，按类别分组并以“默认 → 当前”格式输出。
适用场景：动画、布局、颜色、排版、物理等需要反复微调的开发任务。
限制：面板不应出现在生产环境；导出仅显示被调参数，避免浪费 token；具体实现细节需参考对应平台参考文件，资料未提供完整代码示例。