Html Plan

This generates a single self-contained HTML file styled in a clean, effective format with built-in dark mode support. It's for when you want a plan document that's viewable in a browser without framework overhead. The dark mode implementation is thoughtful: CSS variables, localStorage persistence, a toggle button, and a script that runs before paint to prevent flash. The skill pulls from reference examples to match a specific visual style that's pragmatic rather than fancy. Useful if you're tired of markdown or want something you can open anywhere without dependencies. It keeps your writing intact instead of over-processing it.

Install to Claude Code

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