Html

This does one thing well: generates complete, self-contained HTML files with proper dark mode baked in. You get CSS variables, a theme toggle, localStorage persistence, and that flicker-free script in the head that respects prefers-color-scheme. It references a style guide under html-effectiveness to match a specific density and tone, though you won't see those files yourself. Use it when you need a quick report, comparison deck, explainer, or prototype that lives in a single file you can just open in a browser. The focus on being self-contained means no external dependencies, which is refreshing when you just want something that works immediately.

skills.sh installs: 4.1K
GitHub stars: 4.1K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add plannotator/effective-html --skill html --agent claude-code

Installs into .claude/skills of the current project.

Files

HTML

Build one self-contained HTML file that makes the subject clearer, easier to use, or easier to understand. The standard is consistent care, not a consistent look. Do not reproduce a house palette, typography stack, card system, or layout from prior runs.