Can I use this for existing production apps?

Yes, it is ideal for reviewing existing UIs to identify where the design lacks distinction or feels too generic compared to contemporary design standards.

What specific design elements does it analyze?

It reviews typography pairing, color systems, motion/animation orchestration, spatial composition, and overall atmospheric depth to ensure a coherent visual identity.

Does it actually change my code?

The skill provides detailed recommendations and code examples for improvement, allowing you to review and apply the changes intentionally rather than automating blind edits.

What is "AI slop" in frontend design?

It refers to generic, uninspired design patterns frequently generated by AI, such as using default fonts like Inter, standard Tailwind colors, and predictable layouts without brand context.

How does this skill use Gemini?

It leverages the Gemini CLI to perform a deep semantic and visual analysis of your codebase, evaluating aesthetic principles against your specific product goals and brand personality.

Design Aesthetic Quality Review

Name: Design Aesthetic Quality Review
Author: Expanly

byExpanly

0•

Design Tools

Evaluates frontend interfaces for design intentionality and distinctiveness while identifying generic "AI slop" patterns.

The Aesthetic Quality Review skill provides a comprehensive, multi-phase audit of frontend interfaces to ensure they possess a unique brand identity rather than relying on overused, generic design patterns. By analyzing typography, color systems, motion design, and spatial composition, this skill helps developers move beyond "AI slop" and cookie-cutter layouts toward intentional, memorable user experiences. It uses a structured workflow to understand product context before leveraging Gemini-powered analysis to detect design clichés and provide actionable, high-impact visual improvements.

Key Features

01Identifies "AI slop" red flags such as default Tailwind configurations and predictable layouts

02Provides actionable code recommendations for creating atmospheric depth and distinctive compositions

03Detects generic design patterns like overused fonts (Inter/Roboto) and cliché color palettes

040 GitHub stars

05Conducts a 5-phase workflow including context discovery and deep Gemini-powered analysis

06Evaluates typography hierarchy, color psychology, and motion design intentionality

Use Cases

01Preparing a visual redesign by evaluating current aesthetic gaps against a desired brand personality

02Auditing an existing UI to replace generic "cookie-cutter" elements with brand-specific styling

03Ensuring that AI-generated frontend code maintains high-quality, intentional design standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add expanly/expanly-claude-code-agents aesthetic-quality-review

For use in Claude.ai and ChatGPT

Key Features

01Identifies "AI slop" red flags such as default Tailwind configurations and predictable layouts

02Provides actionable code recommendations for creating atmospheric depth and distinctive compositions

03Detects generic design patterns like overused fonts (Inter/Roboto) and cliché color palettes

040 GitHub stars

05Conducts a 5-phase workflow including context discovery and deep Gemini-powered analysis

06Evaluates typography hierarchy, color psychology, and motion design intentionality

Use Cases

01Preparing a visual redesign by evaluating current aesthetic gaps against a desired brand personality

02Auditing an existing UI to replace generic "cookie-cutter" elements with brand-specific styling

03Ensuring that AI-generated frontend code maintains high-quality, intentional design standards