Anatomy Isometric Figures
Security scan passedHas your agent explain a technical idea as an interactive isometric figure of a real machine, built from many small shaded parts.
Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded…
Part of Effective HTMLPack · 7 skills
by plannotator· DesignUnclaimed · Yours? Claim it
About
Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, product context, and design language. Use when the user explicitly invokes html-prototype or the broad html skill routes a mockup or prototype request here. Do not activate independently from a general request. Treat a mockup as a noninteractive fidelity mode within this skill, not as a separate skill.
Skills people install alongside html-prototype.
Runs on your machine.
Runs on your machine.
Runs on your machine.
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html-prototype ~/.copilot/skills/html-prototype
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html-prototype ~/.cursor/skills/html-prototype
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html-prototype ~/.claude/skills/html-prototype
/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-prototype ~/.agents/skills/html-prototype
Runs on your machine.
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html-prototype ~/.gemini/skills/html-prototype
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html-prototype .agents/skills/html-prototype
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html-prototype ~/.openclaw/skills/html-prototype
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html-prototype ~/.config/opencode/skills/html-prototype
Runs on your machine.
npx -y degit plannotator/effective-html/skills/html-prototype ~/.hermes/skills/html-prototype
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-prototype? Say how it went.
Write a reviewNobody has shared how they use html-prototype yet.
Security scan
Passed
Safe to install in every agent it supports. Runs in your agent, as instructions.
Skills people install alongside html-prototype.
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.