Save as standalone html
Local-first, open-source alternative to Anthropic's Claude Design. MIT-licensed, BYO agent CLI — Claude Code, Kimi, Codex, or any SDK-compatible model. Composable skills · three edit paths · designs as plain HTML/JSX/CSS folders · run locally, no cloud round-trip. Generate banners, thumbnails, websites, animations, design systems.
npx -y skills add aiatelie/ai-atelie --skill save-as-standalone-htmlAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 7 stars7 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Single self-contained file that works offline
SKILL.md
1.4 KB, as published. Nobody here has run it
Save as standalone HTML
⚠️ STUB — this is a working theory of the skill body. The wrapped tool (
super_inline_html) gives the contract.
What it does
Bundles an HTML file and all its referenced assets (images, CSS, JS, fonts, ext-resource-dependency meta tags) into a single self-contained HTML file that works offline. Runs a deterministic browser-side bundler.
Required input
The source HTML must contain a <template id="__bundler_thumbnail"> with a simple, colorful, iconographic SVG preview (30% padding on each side). This is shown:
- as a splash while the bundle unpacks, and
- as the no-JS fallback.
A simple icon, glyph, or 1–2 letters is enough.
Workflow
- Open the source HTML, confirm it loads cleanly.
- Inject the
<template id="__bundler_thumbnail">if it's not there. Keep it minimal. - Call
super_inline_html({ input_path, output_path }). - Open the output to verify it renders standalone.
- Offer the bundled file via
present_fs_item_for_download.
Notes
- Don't bundle work that's still actively being iterated on — the standalone is for handoff/share, not for in-progress.
- The bundler is deterministic; same input → same output.
TODO
- Replace this with the real skill body once captured.