Best Claude Skills for Web Design
Ranked by installs, not by how good the screenshot looks. Each entry says what it produces, what it's bad at, and who should install it first.
1. Cadence Marketing Landing — 299 installs
Cadence Marketing Landing produces a complete marketing page: hero, feature blocks, proof, CTA. It's the best starting point if you need a page, not a component.
Good at: section rhythm, real copy structure, responsive layout. Not for: app UI, dashboards, anything needing auth.
2. Slate Admin Console — 287 installs
Slate Admin Console builds a working admin shell: sidebar, table, filters, empty states. Most "AI website" tools ignore product UI; this one doesn't.
Good at: dense data layouts, consistent spacing. Not for: marketing pages.
3. Beacon SaaS Landing — 191 installs
Beacon SaaS Landing is the safer choice for B2B SaaS: restrained palette, feature grid, pricing block.
Good at: credibility, clean type. Not for: playful consumer brands.
4. Activity Calendar Chart — 186 installs
Activity Calendar Chart adds a real data component with interaction and tokens. Useful when a page needs proof, not another illustration.
Good at: GitHub-style heatmaps, tooltips, responsive cells. Not for: time series with more than one metric.
5. Scrapbook Resume Site — 170 installs
Scrapbook Resume Site is a personal site with texture and personality — the opposite of a template.
Good at: freelancer positioning, about pages. Not for: corporate or regulated industries.
6. Dot Avatar Maker — 476 installs
Dot Avatar Maker is an interactive component rather than a page: 25 forms, 12 finishes, single HTML file. It's the best demonstration of what a skill can ship.
Good at: playful product surfaces, demos. Not for: serious enterprise UI.
How to choose
| You need | Start with |
|---|---|
| A marketing page this week | Cadence |
| A product UI | Slate |
| A personal site | Scrapbook |
| A data block | Activity Calendar |
| Something to show off | Dot Avatar |
What none of them do
They don't write your positioning, and they don't test on real devices. Run the landing page checklist before you ship.