Summary
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.
Install to Claude Code
npx -y skills add plannotator/effective-html --skill html --agent claude-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
