Menu
将设计稿/HTML 转为 iOS Objective-C原生代码的规范与检查清单。包含文件结构、样式与语义化命名、交互与循环渲染、验证项。
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 代码中的布局结构，使其更符合语义化和响应式布局要求。
控件分类。根据vlm_result.json中的控件类型，给index.html中的数据打上类型标记
将设计稿/HTML 转为 Android Kotlin 原生代码的规范与检查清单。包含文件结构、样式与语义化命名、交互与循环渲染、验证项。
将设计稿转换后的 index.html 文件转换为目标平台代码（H5/React/Vue），包括样式抽离、语义化命名、交互实现和循环渲染支持。
将 HTML/Web 设计稿转换为 React Native 代码，包含文件结构、StyleSheet 样式、语义化命名、交互状态与循环渲染。在用户要求将 Figma/HTML 转成 React Native 或进行 RN 代码转换时使用。
| name | ObjectiveC-convert |
| description | 将设计稿/HTML 转为 iOS Objective-C原生代码的规范与检查清单。包含文件结构、样式与语义化命名、交互与循环渲染、验证项。 |
将设计稿/HTML 转为 iOS 原生视图（UIView、UILabel、UIImageView 等）时的结构、样式、交互与验证要求。
文件结构要求：
1.在index.html同级目录中如果存在多个images_{number}的文件夹{number}取之1～4，表示多种倍数的图。 2.需要放到Assets.xcassets 目录中，保证代码能正确引用 3.图片重命名：语义化,保持唯一性，不能和已存在的图片名称重名
将flex布局转成Masonry实现的约束布局，如果用户非cocoapods工程或没有安装则在podfile中添加 pod 'Masonry'
1.特殊处理：indexl.html中的CheckBox、RadioButton、Switch不能用image实现，需要转成iOS系统组件实现
2.循环组件使用 UITableView 或 UICollectionView
3.组件识别并转成系统组件实现，添加交互件处理代码
