Agent Skills
返回列表
小程序页面生成器

小程序页面生成器

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_92725383/miniapp-page-builder。

技能介绍

核心问题

小程序开发中,每个页面需手动编写 WXML 结构、WXSS 样式、JS 逻辑及 JSON 配置四类文件。需求调整时需同步修改多文件,耗时且易出现结构与样式不匹配的问题,尤其对快速迭代的原型开发不够友好。

工作原理

该技能以「自然语言转代码」为核心,按步骤生成完整页面。首先解析用户描述的需求,拆解为页面结构、样式规则、交互逻辑和配置项四个维度;随后分步输出对应文件:

  • WXML:根据描述生成页面元素布局;
  • WXSS:匹配元素的样式规则;
  • JS:填充页面逻辑,如数据绑定、事件处理;
  • JSON:配置页面基础属性,如导航栏样式、是否允许下拉刷新。

适用边界

适合快速搭建页面原型,或为标准功能页面生成基础代码。复杂交互逻辑,如自定义弹窗、手势操作,或涉及深度自定义组件的场景,可能需要基于生成结果进一步调整;不替代完整的设计规划与用户体验验证流程。

使用场景

  • 拿到产品需求后快速搭建小程序页面原型,验证布局和交互思路是否可行
  • 编写列表页或表单页等标准页面时,用自然语言描述直接生成四类文件基础代码
  • 需要同时产出页面结构、样式、逻辑和配置文件时,减少手动切换文件的遗漏
  • 需求描述更新后,重新生成完整页面代码用于版本对照或重构参考

适合人员

  • 小程序前端工程师:在写列表页、表单页等标准页面时,希望快速拿到四类文件基础代码再二次调整
  • 独立开发者或技术创业者:需要快速验证产品想法,用自然语言描述页面后直接获得可运行的小程序代码
  • 小程序外包团队的技术负责人:在项目启动阶段用描述批量产出页面骨架,缩短初期搭建周期