小程序页面生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_92725383/miniapp-page-builder。
技能介绍
核心问题
小程序开发中,每个页面需手动编写 WXML 结构、WXSS 样式、JS 逻辑及 JSON 配置四类文件。需求调整时需同步修改多文件,耗时且易出现结构与样式不匹配的问题,尤其对快速迭代的原型开发不够友好。
工作原理
该技能以「自然语言转代码」为核心,按步骤生成完整页面。首先解析用户描述的需求,拆解为页面结构、样式规则、交互逻辑和配置项四个维度;随后分步输出对应文件:
WXML:根据描述生成页面元素布局;WXSS:匹配元素的样式规则;JS:填充页面逻辑,如数据绑定、事件处理;JSON:配置页面基础属性,如导航栏样式、是否允许下拉刷新。
适用边界
适合快速搭建页面原型,或为标准功能页面生成基础代码。复杂交互逻辑,如自定义弹窗、手势操作,或涉及深度自定义组件的场景,可能需要基于生成结果进一步调整;不替代完整的设计规划与用户体验验证流程。
使用场景
- 拿到产品需求后快速搭建小程序页面原型,验证布局和交互思路是否可行
- 编写列表页或表单页等标准页面时,用自然语言描述直接生成四类文件基础代码
- 需要同时产出页面结构、样式、逻辑和配置文件时,减少手动切换文件的遗漏
- 需求描述更新后,重新生成完整页面代码用于版本对照或重构参考
适合人员
- 小程序前端工程师:在写列表页、表单页等标准页面时,希望快速拿到四类文件基础代码再二次调整
- 独立开发者或技术创业者:需要快速验证产品想法,用自然语言描述页面后直接获得可运行的小程序代码
- 小程序外包团队的技术负责人:在项目启动阶段用描述批量产出页面骨架,缩短初期搭建周期