HTML
Renders the current session output as a self-contained, designed HTML artifact via a...
Install
npx skills add danielmiessler/LifeOS --skill HTML -g -a claude-code -y- Repository
- danielmiessler/LifeOS19.7k
- Category
- Design
- Updated
- 8d ago
- License
- MIT
- Context cost
- Lightabout 812 tokens
- Runs scripts
- Yes, review before use
What it does
Renders the current session output as a self-contained, designed HTML artifact via a deterministic renderer that owns all layout from typed JSON. USE WHEN /HTML, HTML artifact, render this as HTML, make this an HTML page, artifact of this analysis, designed HTML output. NOT FOR ISAs (ISARender.ts is the canonical ISA renderer), deployed sites or web apps, web UI design systems (Webdesign), static images or diagrams (Art), or writing the analysis itself.
HTML
Turns whatever the session just produced into one self-contained, designed HTML file and publishes it as an Artifact. Deterministic split: the model's only job is distilling the session output into a typed content JSON and picking a design register; Tools/Render.ts owns every layout, typography, and color decision. Output is Artifact-CSP safe: inline CSS, fonts embedded as data URIs from local font files, zero external requests. The renderer command, block types and register table live in Intents/Render.md.
Ideal State
- Any session output becomes one self-contained, Artifact-safe HTML file that makes zero external requests and renders for the owner.
- Layout, typography and color come entirely from
Tools/Render.tsregisters; the model supplies only typed content JSON, so no hand-styled one-off ships. - The artifact is verified before hand-off, published through the Artifact tool and pixel-checked.
Intent Routing
| Intent | Trigger | File |
|---|---|---|
| Render | /HTML, "HTML artifact", "render this as HTML" | Intents/Render.md |
Data & Config
No user configuration: registers are defined in Tools/Render.ts, which embeds fonts found in ~/Library/Fonts, /Library/Fonts or /System/Library/Fonts/Supplemental (macOS font folders; with none present it falls back to system font stacks). Publishing needs the Claude Code Artifact tool and its artifact-design skill; without them Render.ts still writes the local HTML file.
