SKILL

stitch::extract-static-html

通过内联 CSS 和图像,从已构建的 Web 应用或 React 组件中提取自包含的静态 HTML。每当你需要捕获特定 UI 状态、分享页面的静态版本,或为 Stitch 上传准备素材时使用此技能,即使用户只是要求“保存 HTML”或“模拟视图”。

机器翻译
查看英文原文

Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this skill whenever you need to capture a specific UI state, share a static version of a page, or prepare assets for Stitch upload, even if the user just asks to 'save the HTML' or 'mock the view'.

适用对象:设计与内容创作。自动收录 · 待核查。

原作者说明节选

从固定版本的 SKILL.md 提取,保留原文语言。以下内容属于作者说明,本站尚未验证安装、兼容或运行结果。

查看英文原文

原文涵盖的主题

  • Extract Static HTML
  • Which Strategy to Use
  • Strategy A: Puppeteer Snapshot (Recommended)
  • Prerequisites
  • Workflow
  • Script Flags
  • What It Does Automatically
  • Framework Notes

Extract a self-contained static HTML file from any web application. You MUST ask the user to choose which strategy to use before proceeding. Present the options clearly, recommend Strategy A as the preferred default, and provide a brief pros/cons summary for each option to help them make an informed decision. | | Strategy A (Puppeteer) | Strategy B (Browser Subagent) | | :--- | :--- | :--- | | When | App runs locally, no auth wall | Need to interact with page first (click, fill forms) | | Fidelity | Highest — computed styles resolved | High — rendered DOM | | Setup | Zero — no mock needed | Zero — no mock needed | | Framework | Any | Any | | Output | Writes to file — no size limit | May truncate in agent context | [!WARNING] Checkpoint — User Confirmation Required. You MUST ask the user which strategy they prefer before proceeding. Present the comparison table above, recommend Strategy A as the default, and wait for explicit approval. Do NOT make the decision yourself or proceed until the user confirms. Launches headless Chrome, captures the fully rendered DOM, and produces a self-contained HTML file with all CSS inlined and images as base64. Works with any framework — no MockPage.

这里只展示节选,请以完整原文和当前要求为准。

来源仓库
google-labs-code/stitch-skills
源文件
plugins/stitch-design/skills/extract-static-html/SKILL.md
固定版本
0337446dadde6f8c94210444e2aa9d546126480f
阅读完整原作者说明 ↗

来源与内容状态

本条为自动发现的元数据,尚未完成人工文档核查;适用性与运行结果待核查。

原作者:Google Stitch Skills · 原作者仓库元数据。文档核查:未核查。最近来源检查:2026-11-09T14:01:41.130Z。

分类由名称、说明与路径规则生成,分类不代表已核实适配。

许可与权利归属

Apache-2.0。第三方内容及版权归原作者,使用条件以原文为准。

许可原文 ↗

本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。

限制与注意事项

  • 元数据收录不代表本站已经安装、适配、实测或进行安全审查。