creative-frontend-aesthetics

Original：🇨🇳 Chinese

Translated

Avoid AI-specific "generic designs (AI slop)" and build original, polished UIs. Applicable when implementing frontends for landing pages, dashboards, and apps.

2installs

Sourceseika139/dotfiles

Added on2026-03-21

NPX Install

npx skill4agent add seika139/dotfiles creative-frontend-aesthetics

SKILL.md Content (Chinese)

View Translation Comparison →

Creative Frontend Aesthetics Skill

You must build original frontends that surprise and delight users, breaking away from statistically common "AI-generated-looking" designs (AI slop).

Key Focus Areas

1. Typography

Select beautiful, unique, and engaging fonts.
Avoid: Generic fonts like Arial, Inter.
Recommended: Distinctive fonts that enhance frontend aesthetics.

2. Color & Theme

Maintain a cohesive aesthetic throughout.
Use CSS variables to ensure consistency, prioritizing a "strong primary color + sharp accent" structure over muddy color schemes.
Inspiration: Draw inspiration from IDE themes, cultural aesthetics (cyberpunk, retro, Nordic modern, etc.).

3. Motion

Incorporate effective animations and micro-interactions.
For HTML, prioritize CSS-only solutions; for React, prefer libraries like
```
framer-motion
```
.
Strategy: Focus on impactful moments such as staggered reveals during page loading, rather than scattered movements.

4. Backgrounds

Avoid solid colors; create atmosphere and depth.
Layer CSS gradients, geometric patterns, and context-appropriate background effects to enhance texture.

Avoidable Characteristics of "AI-Generated Designs"

Fonts: Overuse of Inter, Roboto, Arial, or system fonts.
Color Schemes: Purple gradients on white backgrounds (too typical).
Layout: Predictable component placement, template-like designs.
Personality: "One-size-fits-all" designs that ignore context.

Creative Interpretation

Proactively implement light/dark theme switching, adventurous font choices, and unexpected selections. Don't stick to specific fonts (like Space Grotesk) and always propose "think outside the box" ideas.