# HTML
> Create a self-contained HTML file for whatever the user is describing, in the effective HTML style. Use when the user wants an HTML artifact that isn't specifically a diagram or a plan — a report, explainer, comparison, deck, prototype, or anything else best delivered as one HTML file.
- Skill: `om-scogo/html-2` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add om-scogo/html-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/om-scogo/html-2/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: om-scogo (https://skillmd.com/u/om-scogo)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/om-scogo/html-2
---
# HTML
Review the files throughout `references/html-effectiveness/`.
Create an HTML file for whatever the user is describing. Use the references as best you can to match alignment — style, density, and tone.
Always include dark mode: hand-rolled CSS variables on `:root` / `html.dark`, a small theme toggle button, `localStorage` persistence, and an apply-before-paint script in `` (default to `prefers-color-scheme`).