save-as-standalone-html
Installation
SKILL.md
Save as standalone HTML
Export the current design as a single self-contained HTML file that works completely offline — no external dependencies.
How it works
There is a deterministic bundler (super_inline_html tool) that can inline resources referenced directly in HTML attributes — img src/srcset, source src/srcset, video/audio/track src, video poster, SVG <image href>/<use href>, link href (stylesheets, favicons), script src, CSS url() and @import, inline style attributes. However, it CANNOT discover resources that are only referenced as strings in JavaScript or JSX code — for example:
- An image src set in React:
<img src={"./hero.png"} /> - A background URL in a styled-component:
background: url('./pattern.svg') - A dynamically imported script
Your job is to prepare the HTML file so the bundler can capture everything, then run it.