How does this skill prevent generic 'AI slop' designs?

The skill mandates a research phase using Gemini to surface real-world trends and enforces 'anti-convergence' rules that ban generic fonts (like Inter or Roboto) and predictable layouts in favor of bold, intentional choices.

What are the different polish modes available?

The skill features three modes: 'Quick Pass' for single high-impact changes, 'Full Polish' for multi-agent design audits, and 'Overhaul' for aggressive, greenfield transformations of existing interfaces.

What is the Aesthetic System skill for Claude Code?

It is a design-focused extension that provides Claude with executable patterns and philosophical guidance to create distinctive, high-quality user interfaces that avoid the generic look of typical AI-generated code.

Does it support mobile-specific design requirements?

Yes, it includes a dedicated Mobile Excellence module that covers touch targets, swipe gestures, haptic feedback integration, and momentum scrolling to ensure web apps feel native on mobile devices.

Aesthetic System

Name: Aesthetic System
Author: phrazzld

byphrazzld

•

Design Tools

Implements distinctive, high-fidelity UI designs and design systems that avoid generic AI-generated patterns.

About

Aesthetic System is a specialized skill for Claude Code designed to elevate frontend development into premium, production-grade UI experiences. It bridges the gap between basic styling and high-end design by integrating real-world trend research via Gemini, enforcing non-standard typography, and prioritizing orchestrated motion. The skill provides executable patterns for 'Stripe-level' excellence, ensuring that web components and applications possess a unique visual identity rather than falling into the trap of predictable 'AI slop.' With dedicated workflows for mobile haptics, gestures, and iterative polish, it enables developers to build interfaces that are both functional and visually stunning.

Key Features

Mandatory trend research integration using Gemini to ensure current, distinctive design choices.
Strict anti-convergence rules that prevent the use of generic fonts and 'safe' UI patterns.
Iterative polish patterns including 'Quick Pass', 'Full Polish', and 'Overhaul' modes for incremental refinement.
2 GitHub stars
Advanced technical guidance for WebGL, GSAP, Framer Motion, and custom CSS art.
Mobile-specific excellence modules covering haptics, touch gestures, and thumb-reachable navigation.

Use Cases

Refining existing generic components into polished, award-winning user interfaces.
Building high-end SaaS dashboards that require a unique, professional brand identity.
Developing mobile-first web applications with native-feel gestures and haptic feedback.

About

Key Features

Mandatory trend research integration using Gemini to ensure current, distinctive design choices.
Strict anti-convergence rules that prevent the use of generic fonts and 'safe' UI patterns.
Iterative polish patterns including 'Quick Pass', 'Full Polish', and 'Overhaul' modes for incremental refinement.
2 GitHub stars
Advanced technical guidance for WebGL, GSAP, Framer Motion, and custom CSS art.
Mobile-specific excellence modules covering haptics, touch gestures, and thumb-reachable navigation.

Use Cases

Refining existing generic components into polished, award-winning user interfaces.
Building high-end SaaS dashboards that require a unique, professional brand identity.
Developing mobile-first web applications with native-feel gestures and haptic feedback.