Agent Skills for Web Design
Design skills fail in the same place every time: the output looks right in a screenshot and breaks at 375 px, or the type is an image so nothing can be edited. The skills below are judged on whether the file still works after you open it.
What the work actually involves
A page is five decisions — grid, type scale, colour roles, spacing rhythm, and what happens on mobile. A skill encodes those decisions so the next page in the same family doesn't drift.
Start here
| Skill | Use it for | Installs |
|---|---|---|
| Cadence Marketing Landing | Full marketing page | 299 |
| Beacon SaaS Landing | SaaS hero and features | 191 |
| Scrapbook Resume Site | Personal site | 170 |
| Slate Admin Console | Product UI shell | 287 |
| Dot Avatar Maker | Interactive component | 476 |
| Activity Calendar Chart | Data block | 186 |
The review checklist we use
- Responsive at 375, 768 and 1440
- Tap targets ≥ 44 px
- Contrast ≥ 4.5:1 for body text
- No layout shift from late-loading fonts or images
- Every interactive element has a focus state
Related
Build a landing page · Build a portfolio · Best skills for web design