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.
How do I install this agent skill?
npx skills add https://github.com/plannotator/effective-html --skill htmlIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill is designed to help the agent generate high-quality, self-contained HTML artifacts (reports, slide decks, prototypes) based on established design patterns. It uses a collection of static HTML files as stylistic references. No security issues or malicious patterns were identified.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
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 <head> (default to prefers-color-scheme).
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/plannotator/effective-html/html">View html on skillZs</a>