前言¶

过程工程和化工领域有不少计算工具以单页 HTML 落地：表单、常数表和公式都在浏览器里跑。团队想把这些能力接到微信生态时，往往要手工拆页面、重写交互、再对齐小程序的组件与生命周期，成本高且容易在公式迁移时出错。若你手里已有成熟的 HTML 计算页，更希望由 Agent 按统一规范完成「页面结构 + 计算逻辑」的迁移，而不是从零写一套小程序，可以借助 SkillHub 上的社区技能 化工计算转微信小程序（坐标 @user_fb8bdb79/ray-html-miniprogram）来约束转换流程。

这是什么¶

化工计算转微信小程序 是 SkillHub 分类 dev-programming 下的社区技能，当前版本 1.3.0，发布者为 user_fb8bdb79（SkillHub 页面展示作者为 Rayzhang）。官方简介说明：当需要将化工计算 HTML 转为微信小程序模块、把现有 HTML 计算工具做成小程序、从 HTML 提取计算逻辑新建小程序页面，或将化工/过程工程计算工具移动端化时，应启用此技能。

技能标签标明 requires_api_key=false，不依赖额外 API Key。SkillHub 页面显示评分 100000，下载 1166 次（统计以 SkillHub 为准）。

核心功能¶

依据官方简介，技能覆盖的能力边界如下：

1. HTML → 小程序模块：把化工类计算相关的 HTML 资源整理为可在微信小程序中使用的模块结构。
2. 保留/抽取计算逻辑：从既有 HTML 中识别并迁移计算流程，用于生成新的小程序页面，而不是只做静态壳。
3. 移动端化导向：面向化工与过程工程场景，输出侧对齐微信小程序运行环境，便于在手机上使用原有计算工具。

具体实现步骤、目录约定与代码模板以技能包内 SKILL.md 为准；本文不展开未在公开页面逐条列出的内部指令。

安装与启用¶

通过 SkillHub CLI 安装¶

先确认本机是否已有 skillhub：

command -v skillhub && skillhub --version

未安装时，可按 SkillHub 安装文档执行完整安装（CLI + 默认 Skill）：

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

仅安装 CLI 时：

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only

安装技能时必须用 --dir 指向当前 Agent 的 skills 目录，否则默认落在 ./skills/，Agent 可能无法识别。化工计算转微信小程序的安装坐标为：

skillhub install user_fb8bdb79/ray-html-miniprogram --dir <你的 skills 目录>

常用客户端 skills 路径（摘自 SkillHub 安装说明）：

• Cursor：~/.cursor/skills/
• Claude Code：~/.claude/skills/
• Codex：~/.codex/skills/ 或项目下的 .agents/skills/

在 Cursor 中，可将 --dir 设为 ~/.cursor/skills/，安装后按客户端要求刷新或重启以使技能生效。

通过对话让 Agent 安装¶

SkillHub 技能页提供的提示为：根据 SkillHub 安装与优先源配置，安装 @user_fb8bdb79/ray-html-miniprogram。适合已在使用 Cursor、Claude Code 等支持 Skills 的客户端、希望由 Agent 拉取并落盘的场景。

典型用法¶

公开资料未附带独立 Demo 仓库；可复现的用法是与任务描述对齐，在已启用该技能的前提下向 Agent 说明来源与目标：

1. 提供待迁移的化工计算 HTML 文件（或说明其路径与入口页）。
2. 说明目标：微信小程序 中的页面或模块，以及是否需要保留原有输入项、单位与公式。
3. 若只需抽取部分逻辑，明确要写进新小程序页面的计算块，避免 Agent 整页照搬 DOM。

经过上面的步骤，Agent 会按技能内 SKILL.md 的规范组织小程序工程片段（页面、逻辑与资源划分以技能包为准）。迁移后应在微信开发者工具中自行校验数值结果与原 HTML 版本是否一致。

适用场景与注意¶

适合谁

• 已有浏览器版化工/过程工程计算 HTML，需要快速接到微信小程序的团队或个人开发者。
• 希望由 Agent 统一处理「从 HTML 抽逻辑 + 生成小程序页面」，减少手工重写表单与公式链路的重复劳动。

限制与注意

• 技能来源为 community，升级与维护节奏取决于发布者；生产环境使用前建议在自有样例上做回归对比。
• 化工计算对单位、物性常数和边界条件敏感，HTML 与小程序双端结果应逐用例核对，不能仅依赖一次生成。
• SkillHub 页面显示安装次数为 0，与下载量分开统计；是否已写入本地 skills 目录以你本机 skillhub install 或 Agent 安装结果为准。
• 未在官方页声明需要 API Key；若后续版本变更依赖，以 SkillHub 技能页标签与 SKILL.md 为准。

结尾¶

化工计算转微信小程序 把「HTML 计算工具 → 微信小程序」收敛为可重复启用的 Agent 技能，适合在已有化工计算页、又要进微信移动端时减少手工拆页与重写逻辑的工作量。安装与坐标以 SkillHub 为准：

• 技能页：https://www.skillhub.cn/skills/user_fb8bdb79/ray-html-miniprogram
• 安装说明：https://skillhub.cn/install/skillhub.md
• 坐标：@user_fb8bdb79/ray-html-miniprogram（v1.3.0）