frontend-design

Installation
SKILL.md

Frontend Design

Overview

Create frontend designs that are distinctive, production-grade, and avoid generic "AI slop" aesthetics. Focus on unique typography, cohesive color schemes, and meaningful animations.

Process

1. Choose Design Direction

  • Commit to one clear aesthetic vision
  • Avoid generic patterns everyone uses
  • Consider asymmetry, overlap, unexpected layouts

2. Typography

  • Use distinctive fonts (not Inter/Roboto/system)
  • Import from Google Fonts or premium typefaces
  • Establish clear type scale
Installs
1
GitHub Stars
3
First Seen
2 days ago
frontend-design — heldinhow/awesome-opencode-dev-skills