VHTML 前端组件代码生成

问题

前端页面生成常卡在组件库的强约束上：v-form 可能未按 kind="desc" 组织，v-dialog 可能仍使用旧弹窗属性，最终导致表单校验、交互模式和代码风格不一致。

工作方式

该技能把 vhtml 组件文档作为代码生成依据，先理解上下文字段和页面目标，再按组件索引选择 v-input、v-table、v-select、v-date-picker 等组件。核心约束包括：

• v-form 使用 kind="desc"
• 直接子组件使用 v-form-item
• v-dialog 使用 kind="modal" 和 status="modal"

如果上下文中带有 figma-skill 提供的组件信息，会优先用该信息匹配组件，再补全事件、校验和展示结构。

边界

适合围绕 vhtml 做表单、表格、弹窗、反馈、导航和基础元素页面。若目标不是 vhtml 技术栈，或缺少组件文档、字段定义，生成结果需要人工校对。