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

•

Herramientas de Diseño

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

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.

Características Principales

01Mandatory trend research integration using Gemini to ensure current, distinctive design choices.

02Strict anti-convergence rules that prevent the use of generic fonts and 'safe' UI patterns.

03Iterative polish patterns including 'Quick Pass', 'Full Polish', and 'Overhaul' modes for incremental refinement.

042 GitHub stars

05Advanced technical guidance for WebGL, GSAP, Framer Motion, and custom CSS art.

06Mobile-specific excellence modules covering haptics, touch gestures, and thumb-reachable navigation.

Casos de Uso

01Refining existing generic components into polished, award-winning user interfaces.

02Building high-end SaaS dashboards that require a unique, professional brand identity.

03Developing mobile-first web applications with native-feel gestures and haptic feedback.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add phrazzld/claude-config aesthetic-system

For use in Claude.ai and ChatGPT

Download Skill