AI生成微信可查看的HTML

把 AI 生成的本地网页（纯前端 HTML/CSS/JS）发布成 https 在线链接，使接收方在手机微信聊天中点开即可直接浏览，无需安装任何东西。

核心认知

• 微信无法直接打开本地 .html 文件或 .exe 文件；唯一顺畅的方式是把网页部署成在线链接。
• 部署用内置工具 workbuddy_cloudstudio_deploy（仅支持纯前端静态站点，不支持后端/SSR）。
• 微信发送链接时显示的名称来自网页 <title>；补充 og 元信息可优化链接卡片展示。
• localStorage 数据保存在每个浏览者自己的设备上：各自看到各自的数据。若用户要求多人共享同一份数据，需要带后端的版本（超出本 skill 范围，需另行说明）。

工作流

第 1 步：生成网页

1. 在工作区建一个独立目录（如 temp-<项目名>/），生成 index.html，CSS/JS 分离到 css/、js/ 子目录。
2. 网页类型举例：教学动态演示（动画/交互讲解）、数据展示（图表/看板）、互动小站（纪念日、记录本等）。
3. 确保静态自包含：不依赖本地服务器、无构建步骤、资源全用相对路径或 CDN。
4. <title> 写成用户希望微信卡片显示的名称；可补充：
   html <meta name="description" content="..."> <meta property="og:title" content="..."> <meta property="og:description" content="...">

第 2 步：预览并提示用户完善

1. 用 present_files 展示 index.html（自动打开本地预览）。
2. 明确提示用户检查与可修改项（文案、配色、默认数据、标题名称等），等用户确认或提出修改。
3. 用户要求修改时，改完先再次预览，再进入第 3 步。

第 3 步：部署生成微信可打开的链接

1. 通过 ToolSearch 加载 workbuddy_cloudstudio_deploy，然后以 deploy 模式调用：
   json { "action": "deploy", "directory": "<网页目录绝对路径>" }
2. 成功后返回 shareLink（形如 https://<id>.app.workbuddy.link）。将其作为最终交付链接给用户。
3. 告知用户使用方式：复制链接 → 微信聊天粘贴发送 → 对方点开即用，JS/CSS 交互全部正常。
4. 必须按部署工具要求告知管理入口（加粗）：「设置 - 数据管理 - 我发布的应用」。

第 4 步（可选）：同步更新

• 用户后续要求改数据/文案时：修改本地文件 → 重新调用 deploy（同一目录），shareLink 保持不变、内容同步更新；无需让接收方换链接。
• 用户要求下线：调用 workbuddy_cloudstudio_deploy 的 unpublish 模式（优先传 shareLink）。
• 若用户同时需要 Windows 桌面版，转交 exeify-web2exe skill 处理。

注意事项

• 部署目录必须含 index.html；多入口时用 entry 参数指定。
• 部署失败或 verified: false 时，等待几秒重试链接，再排查文件结构。
• 不要向用户提及 expiration、spaceKey、数据面 URL 等内部细节，只展示分享链接。
• 手机微信可能缓存旧页面：提醒接收方"关掉页面重新进入"即可看到更新。

触发示例

用户提示语：
- "生成一个恋爱记录的网站并将其转换成微信中可以打开的链接"
- "做一个动态数学演示页面，发到微信里能看"
- "把这个数据看板做成手机微信里能点开的链接"