frontend-design

Installation
SKILL.md

Frontend Design

Create distinctive, production-grade frontend interfaces that feel deliberate, premium, and current. Implement real working code with exceptional attention to aesthetic details and creative choices.

Design Thinking

Before coding, understand the context and commit to a clear aesthetic direction.

Output three things as text before coding:

  • Visual thesis: one sentence describing mood, material, and energy (e.g., "brutally minimal dark interface with surgical precision" or "warm editorial magazine feel with generous whitespace")
  • Content plan: hero, support, detail, final CTA
  • Interaction thesis: 2-3 motion ideas that change the feel of the page

For each, consider:

  • Purpose: What problem does this interface solve? Who uses it?
  • Tone: Pick a direction and commit. Brutally minimal, maximalist, retro-futuristic, organic, luxury, playful, editorial, brutalist, art deco, soft pastel, industrial. These are starting points; design one true to the vision.
  • Constraints: Framework, performance, accessibility requirements.
Related skills

More from tobihagemann/turbo

Installs
3
GitHub Stars
298
First Seen
Apr 18, 2026