HTML Design Studio
Creates polished mockups, prototypes, slide decks, and other visuals as ready-to-view web pages.
by JimLiu · ★ 4,494 on GitHub
What it does
You describe the interface, screen, deck, or visual you want. Claude follows a built-in design process to build a self-contained HTML page, taking screenshots along the way to check the result. You get a finished design file you can preview, share, or export to PowerPoint.
Who it’s for
A good fit for designers and anyone making visuals, writers, coaches and content creators and anyone working with Word, PDF, Excel or PowerPoint files.
Design & Creative Writing & Content Documents & Office Files
Do you need to code?
No. You can use this without writing or editing any code.
How to install
Add it to Claude as a skill. Download the skill folder from its source page, zip it, and upload it in Claude’s settings under Skills. See the step-by-step guide.
Safety note
Runs bundled scripts on your computer to build and preview the design.
Script files included: 107
As with any add-on, only install skills from sources you trust, and read what it does first.
License
MIT