frontend-design

Installation
SKILL.md

Frontend Design Skill

Core Principle

You tend to converge toward generic, "on distribution" outputs. In frontend design, this creates what users call the "AI slop" aesthetic. Avoid this: make creative, distinctive frontends that surprise and delight.

Focus Areas

Typography

Typography instantly signals quality. Avoid using boring, generic fonts.

Never use: Inter, Roboto, Open Sans, Lato, Arial, default system fonts

Good, impactful choices:

  • Code aesthetic: JetBrains Mono, Fira Code, Space Grotesk
  • Editorial: Playfair Display, Crimson Pro
  • Technical: IBM Plex family, Source Sans 3
  • Distinctive: Bricolage Grotesque, Newsreader
Installs
4
GitHub Stars
23
First Seen
Mar 14, 2026
frontend-design — incomestreamsurfer/claude-skills-collection