Featured
Launch OpenClaw on Hostinger in about 60 seconds and keep your agent live 24/7. Our referral link gives you 20% off, no coupon code needed.
Launch on Hostinger →Launch Hermes on Hostinger in one click, fully managed, no VPS knowledge needed. Use code ZACAARON10 for 10% off.
Launch on Hostinger →Firecrawl crawls and scrapes any site into clean markdown for your agent. Get 1,000 free credits, and new users get 10% off their first purchase.
Try Firecrawl free →QwikClaw sets up and runs an always-on OpenClaw agent for you. One click, no config files, no server setup.
Deploy now →Context.dev gives your agents a single API to scrape, enrich, and extract live web data — no proxies, no parsers, no maintenance.
Start building free →White-glove OpenClaw for founders and exec teams (4–50+ employees): we install, harden, integrate your tools, and maintain it — secured from day one.
Get it set up for you →DataForSEO gives your agent live access to SERP results, keyword data, backlinks, and on-page SEO data through one API. New accounts get a $1 credit, good for up to 20,000 keyword or backlink lookups.
Try DataForSEO free →
Installation
npx skills add https://github.com/plannotator/effective-html --skill htmlSummary
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.md
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).
Grade
C
531 installs — growing adoption. Source repo has 1,011 GitHub stars.
Documented: full SKILL.md body, description, one-line install. Missing: category/license metadata.
Community skill with a public GitHub source repository you can review.
No update timestamp is tracked for this skill in our catalog.
Scored automatically from popularity, completeness, trust, and freshness — computed only from data in our catalog, never fabricated.
Paste a snippet into your GitHub README. The badge updates automatically and links back to this page.
Score badgeMarkdown
[](https://www.remoteopenclaw.com/skills/plannotator/effective-html/html)
HTML
<a href="https://www.remoteopenclaw.com/skills/plannotator/effective-html/html"><img src="https://www.remoteopenclaw.com/skills/plannotator/effective-html/html/badges/score.svg" alt="Html skill"/></a>
Run “npx skills add https://github.com/plannotator/effective-html --skill html” in your terminal. The skill is added to your agent's skills directory and picked up automatically on the next run — no restart or extra configuration needed.
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. The full SKILL.md on this page shows the exact instructions the skill gives your agent.
Yes. Html is a free, open-source skill published from plannotator/effective-html. As with any third-party skill, review the source repository before installing it into an agent with sensitive access.
Yes. Skills use the portable SKILL.md format, so Html works with Claude Code, OpenClaw, Codex, Hermes, and any other agent that reads SKILL.md skills.
find-skills
vercel-labs/skills
frontend-design
anthropics/skills
grill-me
mattpocock/skills
grill-with-docs
mattpocock/skills
agent-browser
vercel-labs/agent-browser
vercel-react-best-practices
vercel-labs/agent-skills
Hand-picked reading to help you choose, install, and use agent skills.