Menu
小红书小工具构建开发指南：把 H5 页面打包成符合容器规范的离线 zip。 新建或改写小工具 / H5 页面、打包小工具 zip、处理端能力限制与容器 CSP 约束时使用。
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/YinkaiYu/topology-gomoku --skill minitool-zip-builderThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
| name | minitool-zip-builder |
| description | 小红书小工具构建开发指南：把 H5 页面打包成符合容器规范的离线 zip。 新建或改写小工具 / H5 页面、打包小工具 zip、处理端能力限制与容器 CSP 约束时使用。 |
| metadata | {"version":"1.4.0"} |
小工具是一种基于离线 H5 实现的 app 形式：你写一套标准网页（以 index.html 为入口），打包成 .zip，由容器（PC 模拟器 / 真机 WebView）加载运行。它本质就是 Web，HTML/CSS/JS 经验直接适用——只是运行在受控容器里：纯本地、不联网，所有资源须打包在内，且部分 Web 能力被收紧。
目标产物：可直接上传的 .zip 静态包，在 PC 模拟器与真机行为一致。
.zip每一步动手前必须先读对应 reference 并严格遵守其全部约束，不要凭记忆产出：
index.html 模板、路径与资源引用规则，按其编写window.xhs.miniTool.* API，参数与必填项以该文档为准，未列出的字段不要传产出前提：交付的 zip 必须同时满足
zip-artifact-spec.md、device-capabilities.md与（若使用 JSBridge）jsbridge-api.md的全部约束。任何约束以 reference 为准。
| 文档 | 何时读 |
|---|---|
| zip-artifact-spec.md | 写 HTML / 打包时：目录结构、index.html 模板、路径与资源引用规则、打包自检 |
| device-capabilities.md | 处理端能力时：哪些 Web 能力可用 / 不可用及替代写法、如何实现常见交互（手势、拍照、选图等） |
| jsbridge-api.md | 调用 Native 能力时：window.xhs.miniTool.* 全量 API、参数约束、示例与常见组合 |
| cross-platform-h5.md | 适配多端时：触摸、滚动、安全区、PC 模拟器与真机差异 |