Frontend Design Skill codifies aesthetic archetypes

The SKILL.md file spells out a five-step workflow before code, then a final checklist, which makes the skill feel enforceable instead of aspirational (https://github.com/Ilm-Alan/frontend-design/blob/main/SKILL.md). The 10 archetypes are broad enough to cover most product vibes, from Editorial and Swiss to Brutalist, Industrial, and Lo-Fi. The token discipline is the real moat: CSS custom properties, spacing scales, and shadow tiers keep the style portable across components. The anti-pattern section is the most practical part, because it directly bans system fonts, purple gradients, centered card grids, and purposeless motion. Cross-support for Claude Code, Codex, and Gemini CLI makes it a shared design vocabulary, not a one-editor gimmick.