frontend-design

Installation
SKILL.md

Frontend Design

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Every interface should feel intentionally designed for its specific context.

Design Thinking Process

Before coding, commit to a bold aesthetic direction:

  1. Purpose — What problem does this interface solve? Who uses it?
  2. Tone — Pick an extreme: brutally minimal, maximalist, retro-futuristic, organic, luxury, playful, editorial, brutalist, art deco, soft/pastel, industrial, etc.
  3. Constraints — Framework, performance, accessibility requirements
  4. Differentiation — What makes this unforgettable? What's the one thing someone will remember?

Aesthetic Guidelines

Typography

  • Choose distinctive, characterful fonts — never default to Inter, Roboto, or Arial
  • Pair a display font with a refined body font
  • Use type scale and weight to create clear hierarchy
Installs
1
First Seen
May 9, 2026
frontend-design — agentkollektivet/magentic