plannotator/effective-html

Key features

• 01Provides a broad html skill that routes requests to specialist skills.
• 02Generates low-fidelity wireframes to test content hierarchy and navigation.
• 03Builds working prototypes with interaction, keyboard support, and responsive behavior.
• 04Creates plans and roadmaps that preserve source commitments.
• 05Produces architecture, sequence, state, and timeline diagrams as HTML.

Use cases

• Exploring layout options with reviewers before implementing a UI.
• Turning a feature request into a clickable prototype for stakeholder feedback.
• Documenting system architecture or a request flow as a shareable HTML diagram.
• Writing an implementation rollout plan that agents can follow.

Topics

FAQ

What is effective-html?

Agent skills that guide coding agents to build self-contained HTML wireframes, interactive prototypes, plans, and diagrams.

Is effective-html free to use? What license does it have?

effective-html is open source under the MIT license. Check the license terms before using it in commercial products.

Is effective-html still maintained?

Actively maintained. The last commit to effective-html was on Oct 15, 2026.

What can I use effective-html for?

Exploring layout options with reviewers before implementing a UI. Turning a feature request into a clickable prototype for stakeholder feedback. Documenting system architecture or a request flow as a shareable HTML diagram. Writing an implementation rollout plan that agents can follow.

Where can I get effective-html?

The source code and installation instructions are on GitHub: https://github.com/plannotator/effective-html