Can I use this for professional enterprise applications?

Absolutely. The skill includes a 'Corporate Modern' aesthetic direction specifically designed for B2B and enterprise tools where functional restraint is more important than flashy visuals.

How does it handle typography?

It provides a curated reference for font pairings based on the desired brand voice, moving beyond generic system fonts to use high-quality sans, serif, and monospace options.

Which frontend frameworks are supported?

It provides specific implementation patterns for React with Tailwind CSS, React Native (including Reanimated and Skia), and Swift/SwiftUI.

What is 'AI slop' in UI design?

AI slop refers to the generic, repetitive design patterns frequently produced by LLMs, such as purple/violet gradients, excessive glassmorphism, and the over-reliance on Inter or system font stacks.

Does this skill help with WCAG compliance?

Yes, the skill includes a dedicated framework to ensure that distinctive design choices do not compromise accessibility, enforcing 4.5:1 text contrast and 44px touch targets.

Aesthetic UI Designer

Name: Aesthetic UI Designer
Author: srstomp

bysrstomp

•

디자인 도구

Creates distinctive, production-grade user interfaces by avoiding generic AI design patterns and implementing professional-level visual principles.

The Aesthetic UI Designer skill recalibrates Claude’s design instincts to produce high-end interfaces that feel hand-crafted rather than algorithmically generated. By moving away from 'AI slop'—predictable patterns like purple gradients and generic font stacks—this skill enforces sophisticated typography, deliberate color systems, and purposeful motion. It is ideal for developers who need to build interfaces with a unique personality, ranging from terminal-style developer tools to editorial-style e-commerce sites, while maintaining strict accessibility and usability standards across React, Tailwind, and mobile platforms.

주요 기능

01Anti-AI Slop Guardrails: Proactively filters out generic gradients, excessive shadows, and overused font defaults.

022 GitHub stars

03Typography-Driven Design: Implements professional font pairings and weight scales to establish visual hierarchy and character.

04Platform-Specific Guidance: Provides optimized patterns for React/Tailwind, React Native (Reanimated), and Swift (SwiftUI).

05Accessibility-Aesthetic Balance: Ensures distinctive designs remain WCAG compliant with high contrast ratios and appropriate touch targets.

06Context-Aware Frameworks: Automatically adapts aesthetic directions (Neo-Brutalist, Editorial, Terminal) based on the specific industry and project goals.

사용 사례

01Building a unique startup landing page that stands out from standard template designs.

02Developing a high-density professional dashboard that remains clean and readable.

03Creating a premium mobile app interface with custom typography and fluid, purposeful motion.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add srstomp/pokayokay aesthetic-ui-designer

For use in Claude.ai and ChatGPT

Download Skill