with one click
control-type-classify
控件分类。根据vlm_result.json中的控件类型,给index.html中的数据打上类型标记
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Menu
控件分类。根据vlm_result.json中的控件类型,给index.html中的数据打上类型标记
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
根据vlm_result.json识别 JSON 文件中的列表控件,并调整 HTML 代码中的布局结构,使其更符合语义化和响应式布局要求。
将设计稿/HTML 转为 Android Kotlin 原生代码的规范与检查清单。包含文件结构、样式与语义化命名、交互与循环渲染、验证项。
将设计稿/HTML 转为 iOS Objective-C原生代码的规范与检查清单。包含文件结构、样式与语义化命名、交互与循环渲染、验证项。
将设计稿转换后的 index.html 文件转换为目标平台代码(H5/React/Vue),包括样式抽离、语义化命名、交互实现和循环渲染支持。
将 HTML/Web 设计稿转换为 React Native 代码,包含文件结构、StyleSheet 样式、语义化命名、交互状态与循环渲染。在用户要求将 Figma/HTML 转成 React Native 或进行 RN 代码转换时使用。
| name | control-type-classify |
| description | 控件分类。根据vlm_result.json中的控件类型,给index.html中的数据打上类型标记 |
如果vlm_result.json中的type字段为Tabbar、BottomBar、Button、CheckBox、Radio、Switch、ImagePicker、Calender、Input,则在index.html中匹配到对应控件类型后,增加data-controltype类型标记