plannotator-effective-html plugin

plannotator/effective-html4,126 starsMITproductivity

Give standalone HTML artifacts a subject-specific visual direction, then create wireframes, styled mockups, interactive prototypes, plans, diagrams, and general artifacts.

html design creative-direction wireframe prototype prototyping diagram plan html-artifacts agent-skills claude-code codex

How to install the plannotator-effective-html plugin

Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.

Claude Code

/plugin marketplace add plannotator/effective-html
/plugin install plannotator-effective-html@effective-html

Update, turn off or remove

Update the plugin (shell): claude plugin update plannotator-effective-html@effective-html
Refresh the marketplace: /plugin marketplace update effective-html
Turn it off for now: /plugin disable plannotator-effective-html@effective-html
Remove it: /plugin uninstall plannotator-effective-html@effective-html

plannotator-effective-html plugin questions

How do I install the plannotator-effective-html plugin?

In Claude Code run /plugin marketplace add plannotator/effective-html, then /plugin install plannotator-effective-html@effective-html.

How do I update or remove the plannotator-effective-html plugin?

Update it with claude plugin update plannotator-effective-html@effective-html in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall plannotator-effective-html@effective-html.

What license is the plannotator-effective-html plugin under?

MIT, as stated in the plugin's manifest.