feat: add Playwright long image downloads

skills/long-image-download/SKILL.md

@@ -0,0 +1,36 @@
+---
+name: long-image-download
+description: 用 Playwright 将 MindSpace HTML 页面生成同名 PNG 长图，并返回可打开图片链接与附件下载链接
+---
+
+# 长图下载（Playwright）
+
+## 何时使用
+
+- 用户要求“长图下载”“保存长图”“页面图片格式”“整页 PNG”
+- 已经或即将用 `static-page-publish` 生成 `public/*.html`
+
+## 必须流程
+
+1. 先确保 HTML 已经用 `write_file` / `edit_file` 写入 `public/<页面名>.html`
+2. 调用 sandbox-fs 工具 `generate_long_image`：
+
+```json
+{
+  "html_path": "public/report.html",
+  "output_path": "public/report.long.png"
+}
+```
+
+3. 用 `list_dir public` 确认 `<页面名>.long.png` 已存在
+4. 回复用户时同时给：
+   - 页面链接：`[页面标题](.../public/report.html)`
+   - 长图预览链接：`[长图预览](.../public/report.long.png)`
+   - 长图下载链接：`[下载长图](.../public/report.html?download=long-image)`
+
+## 规则
+
+- `generate_long_image` 使用平台 Playwright，不要用 shell、自写截图脚本、`html2canvas` 或 `.thumbnail.svg` 冒充长图
+- `.thumbnail.svg` 只是信息流封面，不是整页长图
+- 长图文件名推荐与 HTML 同名：`report.html` -> `report.long.png`
+- 没有确认 `.long.png` 已生成时，不要声称“长图已生成”

skills/static-page-publish/SKILL.md

@@ -23,6 +23,7 @@ description: 在专属 MindSpace 目录生成可公开访问的静态 HTML 报
 6. 静态文件保存即可访问，**无需重启**
 7. 页面需提供 **Word/PDF 等二进制下载** 时：文件单独落盘（如 `public/方案.docx`），链接用相对路径；**禁止**在 HTML 内用 `data:...;base64,...` 嵌入 docx（易截断损坏）
 8. 页面若提供 **Word/PDF/附件下载**，相对链接指向的文件必须与 HTML **同目录（或子目录）且真实存在**；改 HTML 文件名时同步 **rename/copy** 伴生文件
+9. 页面需提供**长图下载**时：必须先 `load_skill` → `long-image-download`，调用 `generate_long_image` 生成同目录 `public/<页面名>.long.png`，再返回长图预览与下载链接；禁止把 `.thumbnail.svg` 当成长图
 
 详细约束以工作区内的 `.goosehints` 与 `.agents/skills/static-page-publish/SKILL.md` 为准。
 
@@ -34,6 +35,7 @@ description: 在专属 MindSpace 目录生成可公开访问的静态 HTML 报
 4. 保存后服务端**立即**生成 `<文件名>.thumbnail.svg`（Agent 交互阶段即生效）
 5. 按「回复格式」返回**可点击**公网链接
 6. 若页面含下载按钮，必须用 `generate_docx`（sandbox-fs 工具）生成 `public/<同名>.docx`，再确认链接目标已落盘
+7. 若用户要求长图下载，必须用 `long-image-download` 生成 `public/<同名>.long.png`，并确认文件存在
 
 ## 伴生下载文件（必须）
 
@@ -59,6 +61,7 @@ description: 在专属 MindSpace 目录生成可公开访问的静态 HTML 报
 - 标题用页面真实主题名
 - 可同时给出相对路径（如 `public/malaysia-travel-guide.html`）
 - 说明：保存即生效，无需重启
+- 若生成了长图，同时给 `[长图预览](.../public/malaysia-travel-guide.long.png)` 和 `[下载长图](.../public/malaysia-travel-guide.html?download=long-image)`
 
 ## 信息流预览图（必须）