HTML Wireframe Sketch
Builds a rough, low-fidelity layout of a screen so you can test the structure before polishing it.
by plannotator · ★ 3,747 on GitHub
What it does
You describe a screen or flow you're still figuring out. Claude builds a simple, intentionally plain HTML wireframe showing layout, content, and navigation using real labels instead of placeholder text. You get an early-stage draft you can use to discuss structure before investing in visual design.
Who it’s for
A good fit for product managers and founders shaping a product and designers and anyone making visuals.
Do you need to code?
No. You can use this without writing or editing any code.
How to install
Add it as a skill, or as part of its plugin. This skill also ships inside a plugin, so you can upload just this skill to Claude, or install the whole plugin it comes in. See the step-by-step guide.
Safety note
Nothing specific was flagged when we reviewed this listing.
As with any add-on, only install skills from sources you trust, and read what it does first.
License
MIT