Create or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, projec…
Part of Effective HTMLPack · 7 skills
by plannotator· DesignUnclaimed · Yours? Claim it
About
Create or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and subject. Use when HTML is the deliverable for a report, explainer, landing page, presentation, tool, mixed artifact, or broad request. This is the collection's only implicit router. Route clear wireframe, prototype, mockup, plan, or diagram requests to the matching direct-invocation specialist when available. Do not use for ordinary application implementation when a standalone HTML file is not the deliverable.
Skills people install alongside html.
Runs on your machine.
Runs on your machine.
Runs on your machine.
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html ~/.copilot/skills/html
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html ~/.cursor/skills/html
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html ~/.claude/skills/html
/plugin marketplace add plannotator/effective-html /plugin install plannotator-effective-html@effective-html
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html ~/.agents/skills/html
Runs on your machine.
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html ~/.gemini/skills/html
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html .agents/skills/html
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html ~/.openclaw/skills/html
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html ~/.config/opencode/skills/html
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html ~/.hermes/skills/html
Scanned and passed · checked 2 h ago
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Scanned on every change, and again when our rules improve.
No reviews yet. Used html? Say how it went.
Write a reviewSkills people install alongside html.
Has your agent explain a technical idea as an interactive isometric figure of a real machine, built from many small shaded parts.
A community skill that turns a description, code, Terraform, SQL or API schemas into editable draw.io diagrams, and keeps them in sync.
Turns your agent into a disciplined logo designer, from the brief to tested SVG concepts, lockups, icons and brand guidelines.
Turns one approved character still into a game-ready sprite set: every action animated, keyed, looped and exported for your engine.
Nobody has shared how they use html yet.
Security scan
Passed
Safe to install in every agent it supports. Runs in your agent, as instructions.