web-design
Installation
SKILL.md
Web Design
Swiss/International Typographic Style discipline for the web: rigorous grids, baseline rhythm, objective typography, and verifiable alignment. This skill covers design judgment, aesthetics, and grid engineering. For CSS implementation details (responsive escalation, spacing tokens, motion, accessibility), defer to the css-pro-max skill.
Adapted from the Hyperagent public skills Müller-Brockmann and Vignelli Canon skills.
Scope
| This skill (web-design) | css-pro-max (implementation) |
|---|---|
| Style selection (Müller-Brockmann vs Vignelli) | Flex/grid escalation, container queries |
| Modular grid, baseline lock, optical alignment | Spacing scale, gap vs margin |
| Type hierarchy philosophy (two sizes, flush-left) | Typography implementation (fluid type, text-wrap, Japanese) |
| Palette as identifier, anti-patterns | Color tokens, contrast, dark mode |
| Grid overlay toggle, Puppeteer verification | Animation, focus rings, hit targets, z-index |