·frontend-aesthetics

Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic.

0Installs·0Trend·@incomestreamsurfer

Installation

$npx skills add https://github.com/incomestreamsurfer/claude-code-agents-wizard-v2 --skill frontend-aesthetics

SKILL.md

Based on Anthropic's formula for improving frontend design through steerability.

LLMs converge toward generic, "on distribution" outputs. In frontend design, this creates what users call the "AI slop" aesthetic - Inter fonts, purple gradients on white backgrounds, and minimal animations.

Make creative, distinctive frontends that surprise and delight. Focus on these four dimensions:

Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic. Source: incomestreamsurfer/claude-code-agents-wizard-v2.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/incomestreamsurfer/claude-code-agents-wizard-v2 --skill frontend-aesthetics
Category
</>Dev Tools
Verified
First Seen
2026-02-05
Updated
2026-02-18

Quick answers

What is frontend-aesthetics?

Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic. Source: incomestreamsurfer/claude-code-agents-wizard-v2.

How do I install frontend-aesthetics?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/incomestreamsurfer/claude-code-agents-wizard-v2 --skill frontend-aesthetics Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/incomestreamsurfer/claude-code-agents-wizard-v2

Details

Category
</>Dev Tools
Source
user
First Seen
2026-02-05

Related Skills

None