Agent Skills
返回列表
化工计算微信小程序转换器

化工计算微信小程序转换器

开发编程 更新于 2026.08.30

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

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_fb8bdb79/ray-html-miniprogram

技能介绍

解决什么问题

化工计算 HTML 往往把公式、系数、选项和前端交互混在一起。把它转成微信小程序时,常见风险是 参数被补全、枚举项不一致、UI 风格散落、计算模块直接塞进 Page,以及分包包体失控。

如何工作

该技能按项目流程做转换:

  • 读取 HTML 源码,提取 JavaScript 计算函数、输入字段、默认值、物理常数和封头/流体等枚举;
  • 将计算逻辑落到 utils/ 独立模块,保留 Colebrook-White 迭代、容积表生成等关键算法;
  • 创建小程序页面并注册 app.json,添加首页入口,统一紫色渐变主题、36rpx 输入框和结果卡片高亮;
  • 针对压力降、储罐容积等场景检查 Reynolds 判断、局部阻力、弓形面积等边界;
  • 用清单核对参数一致性、非法输入提示、空结果态、分包大小和版本记录。

适用边界

该技能强调一对一转化,不主动新增 HTML 中没有的参数或功能;若源页面依赖浏览器本地文件、复杂图表或特殊权限,需要先确认小程序端可行。涉及网络、登录、权限申请时,应保留最小化权限并给出失败提示与恢复路径。

使用场景

  • 已有储罐容积 HTML 页面,需要转成微信小程序模块,并保留三种封头类型与容积表逻辑。
  • 压力降 HTML 包含 Colebrook-White 迭代,需要提取到 utils 模块并注册小程序页面。
  • 多个化工计算页面迁入小程序后接近 2MB,需要配置分包、预加载并拆分公共样式。
  • 转换后出现选项不一致或输入框太小,需要按检查清单核对参数、UI 与首页入口。

适合人员

  • 维护化工计算工具的前端工程师,要把既有 HTML 工具迁移为微信小程序模块。
  • 负责小程序页面的前端开发,需要统一计算模块 UI、输入反馈和错误提示。
  • 做压力降或储罐工具迁移的工程同学,需要核对枚举参数和公式实现一致。
  • 处理小程序分包体积的开发者,需要拆分低频计算模块并配置预加载。