ui-mockup

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese
<objective> Creates WebView UI mockups for audio plugins through iterative design and implementation scaffolding. </objective>
<quick_start>
  1. Check for aesthetic library (Phase 0)
  2. Gather requirements through tiered questions (Phases 1-3)
  3. Dispatch ui-design-agent for mockup generation
  4. Iterate until user approves
  5. Generate implementation files </quick_start>
<workflow> <phase name="A-design-iteration"> <purpose>Generate 2 design files for rapid iteration</purpose> <outputs> - `v[N]-ui.yaml` - Machine-readable design specification - `v[N]-ui-test.html` - Browser-testable mockup </outputs> <gate>Do NOT proceed to Phase B until user approves design via Phase 5.5 decision menu</gate> </phase> <phase name="B-implementation-scaffolding"> <purpose>Generate 5 implementation files ONLY after Phase A approval</purpose> <outputs> - `v[N]-ui.html` - Production HTML - `v[N]-PluginEditor.h` - C++ header boilerplate - `v[N]-PluginEditor.cpp` - C++ implementation boilerplate - `v[N]-CMakeLists.txt` - WebView build configuration - `v[N]-integration-checklist.md` - Implementation steps </outputs> <location>plugins/[PluginName]/.ideas/mockups/</location> </phase> </workflow>
<context_detection> <standalone_mode>
  • No
    .continue-here.md
    file present
  • Generates mockups independently
  • Skips state updates </standalone_mode>
<workflow_mode>
  • File
    plugins/[PluginName]/.continue-here.md
    exists with
    current_stage
    field
  • Updates workflow state after each phase </workflow_mode>
Check for
.continue-here.md
existence to determine mode. If present, update state files. If absent, skip state updates. </context_detection>
<phase name="0-aesthetic-check"> Check if `.claude/aesthetics/manifest.json` exists. If found, count aesthetics using jq. <menu> Found {N} saved aesthetics in library.
How would you like to start the UI design?
  1. Start from aesthetic template - Apply saved visual system
  2. Start from scratch - Create custom design
  3. List all aesthetics - Browse library before deciding
Choose (1-3): _
</menu> <routing> - Option 1: Display aesthetics from manifest with metadata (name, vibe, colors, source). Invoke ui-template-library skill with "apply" operation. Skip to Phase 4 with generated mockup. - Option 2: Continue to Phase 1 (load context). - Option 3: Invoke ui-template-library skill with "list" operation, show previews, return to menu. - No aesthetics: Skip directly to Phase 1. </routing>
See
references/aesthetic-integration.md
for complete integration details. </phase>
<phase name="1-load-context"> Load context from creative brief and extract requirements. See `references/phase-details.md` for extraction protocol. See `references/context-extraction.md#example-extracting-from-creative-brief` for examples. </phase> <phase name="1.5-context-aware-prompt"> Adapt initial prompt based on creative brief contents (rich/minimal/zero UI details). See `references/phase-details.md` for prompt templates. </phase> <phase name="2-gap-analysis"> Analyze gaps in Tier 1 (Critical), Tier 2 (Visual), Tier 3 (Polish) requirements. See `references/phase-details.md` for tier definitions. See `references/design-questions.md` for question templates. </phase> <phase name="2.5-calculate-dimensions"> Calculate recommended window size before asking user. See `references/phase-details.md` for calculation steps. See `references/layout-validation.md` Section 2 for formulas. </phase> <phase name="3-question-batch"> Generate exactly 4 questions using AskUserQuestion based on identified gaps. See `references/phase-details.md` for rules and question format. See `references/design-questions.md#example-question-batches` for templates. </phase> <phase name="3.5-decision-gate"> Present decision gate with AskUserQuestion: finalize, ask more questions, or add context. Route to Phase 4, back to Phase 2, or collect free-form text. See `references/phase-details.md` for menu format and routing. </phase> <phase name="4-5.45-design-agent"> Invoke ui-design-agent via Task tool to generate YAML + test HTML.
Include in invocation prompt:
  • All gathered requirements (layout, controls, colors, etc.)
  • Quality expectation: "Design must look like commercial $50-200 audio plugin - intentional decisions, not defaults"
See
references/phase-details.md
for invocation summary. See
references/delegation-protocols.md
for complete protocol. </phase>
<phase name="5.5-design-decision-menu"> <gate>CRITICAL: Phases 6-10 ONLY execute if user chooses option 2 (Finalize)</gate> <menu> Mockup v[N] design created (2 files)
Files generated:
  • v[N]-ui.yaml (design specification)
  • v[N]-ui-test.html (browser-testable mockup)
What would you like to do?
  1. Iterate - Refine design, adjust layout
  2. Finalize - Validate alignment and complete mockup
  3. Save as template - Add to aesthetic library for reuse
  4. Other
Choose (1-4): _
</menu> <routing> - Option 1 (Iterate): Collect refinement feedback, return to Phase 2 with new version (v2, v3, etc.), invoke NEW ui-design-agent instance (fresh context). - Option 2 (Finalize): Proceed to Phase 5.6 (automatic brief update), mockup is source of truth for UI sections, no user interaction needed, continue to Phase 6-10 after brief sync. - Option 3 (Save as template): Invoke ui-template-library skill with "save" operation, after saving return to Phase 5.5 menu. - Option 4 (Other): Handle custom request (test in browser, validate constraints, etc.). </routing>
<iteration_guidance> When collecting feedback for Option 1 (Iterate):
If user provides specific changes ("make it vertical", "add a meter", "change colors to blue"):
  • Pass these as explicit requirements to new ui-design-agent instance
If user provides vague improvement requests ("make it better", "improve it", "polish it"):
  • Prompt for specifics: "What aspect should I focus on? (layout, colors, spacing, controls)"
  • If user says "everything" or "overall quality": Pass instruction to refine existing elements (spacing, color harmony, control styling) rather than add new elements </iteration_guidance>
See
references/decision-menus.md#phase-5-5-design-decision-menu
for detailed routing. </phase>
<phase name="5.6-update-brief"> Automatic update of creative brief from finalized mockup. Triggered by "Finalize" selection in Phase 5.5. No user interaction required. See `references/phase-details.md` for protocol. </phase> <phase name="6-10-implementation"> <prerequisites> - User confirmed design in Phase 5.5 (selected option 2: Finalize) - Phase A files exist (`v[N]-ui.yaml`, `v[N]-ui-test.html`) - Finalization marker present in YAML </prerequisites>
See
references/phase-b-enforcement.md
for guard implementation. </phase>
<phase name="6-10.5-finalization-agent"> Invoke ui-finalization-agent via Task tool to generate 5 implementation files. See `references/phase-details.md` for invocation summary. See `references/delegation-protocols.md` for complete protocol. </phase> <phase name="10.7-completion-menu"> Present completion menu after ui-finalization-agent returns successfully. See `references/decision-menus.md#completion-menu` for format and routing. </phase>
<orchestration_protocol> <delegation_rules> This skill NEVER generates mockup files directly. ALL file generation delegated to subagents.
<sequence> 1. Orchestrator: Gather requirements (Phases 0-3.5) 2. Orchestrator: Invoke ui-design-agent via Task tool 3. ui-design-agent: Generate YAML + test HTML, commit, return JSON 4. Orchestrator: Parse JSON, present Phase 5.5 menu 5. If iterate: Orchestrator invokes NEW ui-design-agent 6. If finalize: Orchestrator updates brief (Phase 5.6) 7. Orchestrator: Invoke ui-finalization-agent via Task tool 8. ui-finalization-agent: Generate 5 files, commit, return JSON 9. Orchestrator: Parse JSON, present completion menu </sequence>
See
references/delegation-protocols.md
for enforcement details. </delegation_rules>
<state_management> Subagents update
.continue-here.md
with their phase results. Orchestrator verifies
stateUpdated
flag in JSON report.
After subagent returns
stateUpdated: true
, verify actual state contents match expected values (not just boolean flag).
Read
.continue-here.md
, parse YAML, check specific fields match JSON report values. If mismatch, present state recovery menu.
See
references/state-tracking.md
for complete state schema and verification protocol. </state_management>
<iteration_protocol> Each iteration runs in fresh agent context. User chooses "Iterate" then orchestrator collects feedback and invokes NEW ui-design-agent with incremented version. Fresh context prevents context window bloat during iterative design. </iteration_protocol>
<error_handling>
  • Agent failures: Present error menu (retry/manual fix/debug/cancel).
  • Validation failures: Agent returns
    validationPassed: false
    - present error menu.
  • State update failures: Agent returns
    stateUpdated: false
    - present state recovery menu (verify/manual update/continue anyway). </error_handling> </orchestration_protocol>
<versioning_strategy> Pattern: v1, v2, v3... Each version saved separately.
Purpose: Explore layouts without losing work, A/B test designs, keep history for rollback.
File naming: All 7 files prefixed with version (e.g.,
v2-ui.html
,
v2-PluginEditor.h
).
Implementation: Latest version used for Stage 3 (GUI) unless user specifies different version.
See
references/versioning.md
for file management details. </versioning_strategy>
<success_criteria> <design_phase>
  • YAML spec generated matching user requirements
  • Browser test HTML works (interactive controls, parameter messages)
  • Visual quality meets commercial standard (intentional design, not defaults)
  • Design files committed to git
  • .continue-here.md
    updated with version (if workflow mode)
  • User presented with Phase 5.5 decision menu
  • Design approved OR user iterates with refinements </design_phase>
<implementation_phase>
  • All 7 files generated and saved to
    .ideas/mockups/
  • Production HTML complete (no placeholders)
  • C++ boilerplate matches YAML structure (correct parameter bindings)
  • parameter-spec.md generated and locked (v1 only)
  • Implementation files committed to git
  • .continue-here.md
    updated with finalization status (if workflow mode) </implementation_phase> </success_criteria>
<integration_points> <invoked_by>
  • /dream
    command - After creative brief, before implementation
  • plugin-workflow
    skill - During Stage 0 (UI design phase)
  • plugin-improve
    skill - When redesigning existing plugin UI
  • Natural language: "Design UI for [PluginName]", "Create mockup for compressor" </invoked_by>
<always_invokes>
  • ui-design-agent
    subagent (Phase 4-5.45) - REQUIRED for design iteration
  • ui-finalization-agent
    subagent (Phase 6-10.5) - REQUIRED for implementation files </always_invokes>
<also_invokes>
  • ui-template-library
    skill (if user saves aesthetic) </also_invokes>
<creates> - `plugins/[Name]/.ideas/mockups/v[N]-*.{yaml,html,h,cpp,txt,md}` (7 files) - `plugins/[Name]/.ideas/parameter-spec.md` (if v1 and doesn't exist) </creates> <updates> - `PLUGINS.md` - Mark UI designed (if workflow) - `.continue-here.md` - Update workflow state (if workflow) </updates> <blocks> - Stage 1 (Foundation) - Cannot proceed without parameter-spec.md - Stage 3 (GUI) - Cannot implement without approved UI mockup </blocks> </integration_points>
<reference_documentation> Progressive disclosure - load references when reaching specific phases:
  • Phase 0:
    references/aesthetic-integration.md
    - Aesthetic library integration
  • Phase 1:
    references/context-extraction.md
    - Creative brief extraction
  • Phase 2-3:
    references/design-questions.md
    - Question templates and tiering
  • Phase 2.5:
    references/layout-validation.md
    - Dimension calculation formulas
  • Phase 4-5.45:
    references/delegation-protocols.md
    - Subagent invocation
  • Phase 5.5:
    references/decision-menus.md
    - Menu format and routing
  • Phase 5.6:
    references/state-tracking.md
    - Brief sync protocol
  • Phase 6-10:
    references/phase-b-enforcement.md
    - Phase B guard
  • Anti-patterns:
    references/common-pitfalls.md
    - What to avoid
Technical details:
  • references/html-generation.md
    - Production HTML rules
  • references/browser-testing.md
    - Browser test workflow
  • references/cmake-configuration.md
    - WebView build settings
  • references/cpp-boilerplate-generation.md
    - C++ template generation
  • references/ui-design-rules.md
    - Design constraints and patterns
  • references/versioning.md
    - File management </reference_documentation>
<template_assets>
  • assets/ui-yaml-template.yaml
    - YAML structure
  • assets/webview-boilerplate.md
    - C++ integration templates
  • assets/integration-checklist-template.md
    - Integration guide
  • assets/parameter-spec-template.md
    - Parameter specification format </template_assets>
<objective> 通过迭代设计和实现脚手架为音频插件创建WebView UI原型。 </objective>
<quick_start>
  1. 检查美学库(第0阶段)
  2. 通过分层问题收集需求(第1-3阶段)
  3. 调度ui-design-agent生成原型
  4. 迭代直到用户批准
  5. 生成实现文件 </quick_start>
<workflow> <phase name="A-design-iteration"> <purpose>生成2个设计文件用于快速迭代</purpose> <outputs> - `v[N]-ui.yaml` - 机器可读的设计规范 - `v[N]-ui-test.html` - 可在浏览器中测试的原型 </outputs> <gate>在用户通过第5.5阶段的决策菜单批准设计之前,不得进入B阶段</gate> </phase> <phase name="B-implementation-scaffolding"> <purpose>仅在A阶段批准后生成5个实现文件</purpose> <outputs> - `v[N]-ui.html` - 生产环境HTML - `v[N]-PluginEditor.h` - C++头文件模板 - `v[N]-PluginEditor.cpp` - C++实现模板 - `v[N]-CMakeLists.txt` - WebView构建配置 - `v[N]-integration-checklist.md` - 实现步骤清单 </outputs> <location>plugins/[PluginName]/.ideas/mockups/</location> </phase> </workflow>
<context_detection> <standalone_mode>
  • 不存在
    .continue-here.md
    文件
  • 独立生成原型
  • 跳过状态更新 </standalone_mode>
<workflow_mode>
  • plugins/[PluginName]/.continue-here.md
    文件存在且包含
    current_stage
    字段
  • 每个阶段结束后更新工作流状态 </workflow_mode>
通过检查
.continue-here.md
是否存在来确定模式。如果存在,则更新状态文件;如果不存在,则跳过状态更新。 </context_detection>
<phase name="0-aesthetic-check"> 检查`.claude/aesthetics/manifest.json`是否存在。如果找到,使用jq统计美学模板数量。 <menu> 在库中找到{N}个已保存的美学模板。
您希望如何开始UI设计?
  1. 从美学模板开始 - 应用已保存的视觉系统
  2. 从头开始 - 创建自定义设计
  3. 列出所有美学模板 - 浏览库后再做决定
请选择(1-3):_
</menu> <routing> - 选项1:展示清单中的美学模板及其元数据(名称、风格、配色、来源)。调用ui-template-library技能执行"apply"操作。直接跳至第4阶段,使用生成的原型。 - 选项2:继续到第1阶段(加载上下文)。 - 选项3:调用ui-template-library技能执行"list"操作,展示预览,然后返回菜单。 - 无美学模板:直接跳至第1阶段。 </routing>
完整集成细节请参阅
references/aesthetic-integration.md
</phase>
<phase name="1-load-context"> 从创意简报中加载上下文并提取需求。 提取规则请参阅`references/phase-details.md`。 示例请参阅`references/context-extraction.md#example-extracting-from-creative-brief`。 </phase> <phase name="1.5-context-aware-prompt"> 根据创意简报内容(UI细节丰富/极简/无)调整初始提示词。 提示词模板请参阅`references/phase-details.md`。 </phase> <phase name="2-gap-analysis"> 分析第1层(关键)、第2层(视觉)、第3层(打磨)需求中的缺口。 层级定义请参阅`references/phase-details.md`。 问题模板请参阅`references/design-questions.md`。 </phase> <phase name="2.5-calculate-dimensions"> 在询问用户之前计算推荐的窗口尺寸。 计算步骤请参阅`references/phase-details.md`。 计算公式请参阅`references/layout-validation.md`第2节。 </phase> <phase name="3-question-batch"> 基于识别出的需求缺口,使用AskUserQuestion生成恰好4个问题。 规则和问题格式请参阅`references/phase-details.md`。 模板示例请参阅`references/design-questions.md#example-question-batches`。 </phase> <phase name="3.5-decision-gate"> 使用AskUserQuestion展示决策门:定稿、询问更多问题或补充上下文。 路由至第4阶段、返回第2阶段或收集自由文本反馈。 菜单格式和路由规则请参阅`references/phase-details.md`。 </phase> <phase name="4-5.45-design-agent"> 通过Task工具调用ui-design-agent生成YAML和测试HTML。
调用提示词中需包含:
  • 所有收集到的需求(布局、控件、配色等)
  • 质量要求:"设计必须符合50-200美元商用音频插件的水准——需有明确设计决策,而非默认样式"
调用摘要请参阅
references/phase-details.md
。 完整协议请参阅
references/delegation-protocols.md
</phase>
<phase name="5.5-design-decision-menu"> <gate>重要提示:仅当用户选择选项2(定稿)时,才会执行第6-10阶段</gate> <menu> 已创建原型v[N](2个文件)
生成的文件:
  • v[N]-ui.yaml(设计规范)
  • v[N]-ui-test.html(可在浏览器中测试的原型)
您希望执行什么操作?
  1. 迭代 - 优化设计,调整布局
  2. 定稿 - 验证一致性并完成原型
  3. 保存为模板 - 添加到美学库以便复用
  4. 其他
请选择(1-4):_
</menu> <routing> - 选项1(迭代):收集优化反馈,返回第2阶段并使用新版本(v2、v3等),调用新的ui-design-agent实例(全新上下文)。 - 选项2(定稿):进入第5.6阶段(自动更新简报),原型将作为UI部分的唯一依据,无需用户交互,同步简报后继续执行第6-10阶段。 - 选项3(保存为模板):调用ui-template-library技能执行"save"操作,保存完成后返回第5.5阶段菜单。 - 选项4(其他):处理自定义请求(如在浏览器中测试、验证约束等)。 </routing>
<iteration_guidance> 当为选项1(迭代)收集反馈时:
如果用户提供具体修改要求(如"改为垂直布局"、"添加仪表"、"改为蓝色配色"):
  • 将这些要求作为明确参数传递给新的ui-design-agent实例
如果用户提供模糊的改进请求(如"做得更好"、"优化一下"、"打磨一下"):
  • 提示用户提供具体方向:"我应该聚焦哪些方面?(布局、配色、间距、控件)"
  • 如果用户说"全部"或"整体质量":传递指令优化现有元素(间距、配色和谐度、控件样式),而非添加新元素 </iteration_guidance>
详细路由规则请参阅
references/decision-menus.md#phase-5-5-design-decision-menu
</phase>
<phase name="5.6-update-brief"> 根据定稿的原型自动更新创意简报。 当在第5.5阶段选择"定稿"时触发。 无需用户交互。 协议请参阅`references/phase-details.md`。 </phase> <phase name="6-10-implementation"> <prerequisites> - 用户已在第5.5阶段确认设计(选择选项2:定稿) - 存在A阶段文件(`v[N]-ui.yaml`、`v[N]-ui-test.html`) - YAML文件中包含定稿标记 </prerequisites>
防护实现请参阅
references/phase-b-enforcement.md
</phase>
<phase name="6-10.5-finalization-agent"> 通过Task工具调用ui-finalization-agent生成5个实现文件。 调用摘要请参阅`references/phase-details.md`。 完整协议请参阅`references/delegation-protocols.md`。 </phase> <phase name="10.7-completion-menu"> 当ui-finalization-agent成功返回后,展示完成菜单。 格式和路由规则请参阅`references/decision-menus.md#completion-menu`。 </phase>
<orchestration_protocol> <delegation_rules> 本技能绝不会直接生成原型文件。所有文件生成任务均委托给子Agent。
<sequence> 1. 编排器:收集需求(第0-3.5阶段) 2. 编排器:通过Task工具调用ui-design-agent 3. ui-design-agent:生成YAML和测试HTML,提交,返回JSON 4. 编排器:解析JSON,展示第5.5阶段菜单 5. 如果选择迭代:编排器调用新的ui-design-agent实例 6. 如果选择定稿:编排器更新brief(第5.6阶段) 7. 编排器:通过Task工具调用ui-finalization-agent 8. ui-finalization-agent:生成5个文件,提交,返回JSON 9. 编排器:解析JSON,展示完成菜单 </sequence>
执行细节请参阅
references/delegation-protocols.md
。 </delegation_rules>
<state_management> 子Agent会在
.continue-here.md
中更新其阶段结果。编排器会验证JSON报告中的
stateUpdated
标记。
当子Agent返回
stateUpdated: true
后,需验证实际状态内容是否与预期值匹配(而非仅检查布尔标记)。
读取
.continue-here.md
,解析YAML,检查特定字段是否与JSON报告中的值一致。如果不匹配,展示状态恢复菜单。
完整状态 schema 和验证协议请参阅
references/state-tracking.md
。 </state_management>
<iteration_protocol> 每次迭代都在全新的Agent上下文中运行。用户选择"迭代"后,编排器收集反馈并调用新的ui-design-agent实例,版本号递增。全新上下文可避免迭代设计过程中出现上下文窗口膨胀问题。 </iteration_protocol>
<error_handling>
  • Agent失败:展示错误菜单(重试/手动修复/调试/取消)。
  • 验证失败:Agent返回
    validationPassed: false
    - 展示错误菜单。
  • 状态更新失败:Agent返回
    stateUpdated: false
    - 展示状态恢复菜单(验证/手动更新/继续执行)。 </error_handling> </orchestration_protocol>
<versioning_strategy> 模式:v1、v2、v3... 每个版本单独保存。
目的:在不丢失工作成果的前提下探索不同布局,进行A/B测试,保留历史版本以便回滚。
文件命名:所有7个文件均以版本号为前缀(例如
v2-ui.html
v2-PluginEditor.h
)。
实现:除非用户指定其他版本,否则第3阶段(GUI)将使用最新版本。
文件管理细节请参阅
references/versioning.md
。 </versioning_strategy>
<success_criteria> <design_phase>
  • 生成符合用户需求的YAML规范
  • 浏览器测试HTML可正常工作(交互控件、参数消息)
  • 视觉质量达到商用标准(明确的设计决策,而非默认样式)
  • 设计文件已提交至git
  • .continue-here.md
    已更新版本号(如果是工作流模式)
  • 已向用户展示第5.5阶段决策菜单
  • 设计已获批准或用户选择迭代优化 </design_phase>
<implementation_phase>
  • 所有7个文件已生成并保存至
    .ideas/mockups/
  • 生产环境HTML已完成(无占位符)
  • C++模板与YAML结构匹配(参数绑定正确)
  • 已生成并锁定parameter-spec.md(仅v1版本)
  • 实现文件已提交至git
  • .continue-here.md
    已更新定稿状态(如果是工作流模式) </implementation_phase> </success_criteria>
<integration_points> <invoked_by>
  • /dream
    命令 - 创意简报之后,实现之前
  • plugin-workflow
    技能 - 第0阶段(UI设计阶段)
  • plugin-improve
    技能 - 重新设计现有插件UI时
  • 自然语言指令:"为[PluginName]设计UI"、"为压缩器创建原型" </invoked_by>
<always_invokes>
  • ui-design-agent
    子Agent(第4-5.45阶段)- 设计迭代必需
  • ui-finalization-agent
    子Agent(第6-10.5阶段)- 生成实现文件必需 </always_invokes>
<also_invokes>
  • ui-template-library
    技能(当用户保存美学模板时) </also_invokes>
<creates> - `plugins/[Name]/.ideas/mockups/v[N]-*.{yaml,html,h,cpp,txt,md}`(7个文件) - `plugins/[Name]/.ideas/parameter-spec.md`(如果是v1版本且文件不存在) </creates> <updates> - `PLUGINS.md` - 标记UI已设计(如果是工作流模式) - `.continue-here.md` - 更新工作流状态(如果是工作流模式) </updates> <blocks> - 第1阶段(基础)- 无parameter-spec.md无法继续 - 第3阶段(GUI)- 无已批准的UI原型无法实现 </blocks> </integration_points>
<reference_documentation> 渐进式披露 - 到达特定阶段时加载参考文档:
  • 第0阶段:
    references/aesthetic-integration.md
    - 美学库集成
  • 第1阶段:
    references/context-extraction.md
    - 创意简报提取
  • 第2-3阶段:
    references/design-questions.md
    - 问题模板和分层规则
  • 第2.5阶段:
    references/layout-validation.md
    - 尺寸计算公式
  • 第4-5.45阶段:
    references/delegation-protocols.md
    - 子Agent调用
  • 第5.5阶段:
    references/decision-menus.md
    - 菜单格式和路由
  • 第5.6阶段:
    references/state-tracking.md
    - 简报同步协议
  • 第6-10阶段:
    references/phase-b-enforcement.md
    - B阶段防护
  • 反模式:
    references/common-pitfalls.md
    - 需避免的问题
技术细节:
  • references/html-generation.md
    - 生产环境HTML规则
  • references/browser-testing.md
    - 浏览器测试工作流
  • references/cmake-configuration.md
    - WebView构建设置
  • references/cpp-boilerplate-generation.md
    - C++模板生成
  • references/ui-design-rules.md
    - 设计约束和模式
  • references/versioning.md
    - 文件管理 </reference_documentation>
<template_assets>
  • assets/ui-yaml-template.yaml
    - YAML结构模板
  • assets/webview-boilerplate.md
    - C++集成模板
  • assets/integration-checklist-template.md
    - 集成指南模板
  • assets/parameter-spec-template.md
    - 参数规范格式模板 </template_assets>