Chemical Engineering HTML to WeChat Mini Program Converter

Problem

Chemical-engineering calculation pages often mix formulas, coefficients, options, and frontend logic in a single HTML file. Porting them to WeChat Mini Programs can introduce parameter drift, mismatched enum options, scattered UI styles, calculation code stuck in Page, and subpackage size issues.

Workflow

The skill follows a project-style conversion:

• Read the HTML source and extract JavaScript calculation functions, inputs, defaults, physical constants, and enums such as head type or fluid type;
• Move calculation logic into utils/ modules, preserving iteration-heavy routines like Colebrook-White and volume-table generation;
• Create Mini Program pages, register app.json, add home-page entries, and apply a unified purple-gradient theme, 36rpx inputs, and highlighted result cards;
• Check pressure-drop and tank-volume edge cases, including Reynolds-number branching, local losses, and segment-area calculations;
• Validate parameter parity, invalid-input handling, empty-result states, subpackage size, and version records.

Boundary

It enforces one-to-one conversion and does not add parameters or features missing from the HTML source. If the source depends on browser files, complex charts, or special permissions, confirm Mini Program feasibility first. For network, login, or permission flows, use minimal permissions and provide failure reasons plus recovery paths.