Does it support dark mode?

Yes, it includes 2025 color trends specifically for dark mode, such as using vibrant accents against deep neutral backgrounds for a modern look.

Can I use this for a new project?

While it can be used for new projects, it is specifically tuned for improving existing UI. For starting from scratch, the 'design-system-foundation' skill in the same repository is recommended.

Does this work with React Native?

Yes, it is specifically optimized for React Native and Next.js environments, providing code patterns compatible with modern mobile and web styling.

What is the Aesthetic Excellence skill?

It is a specialized capability for Claude Code that provides domain-specific guidance on elevating the visual design and user experience of existing software projects using 2025 principles.

How does it handle accessibility?

The skill strictly enforces WCAG 2.2 contrast standards and recommends accessible font sizes (16px minimum for body text) to ensure inclusive design.

Aesthetic Excellence UI Optimizer

Name: Aesthetic Excellence UI Optimizer
Author: apexscaleai

byapexscaleai

•

디자인 도구

Refines and elevates the visual quality of existing user interfaces by applying modern 2025 design principles for hierarchy, spacing, and typography.

Aesthetic Excellence is a specialized Claude Code skill designed to transform cluttered or dated interfaces into professional, high-performance designs. It leverages the latest 2025 UI/UX standards, including the 8pt grid system, WCAG 2.2 accessibility compliance, and rhythmic typography scales. This tool is ideal for developers working on React Native and Next.js projects who need to improve visual hierarchy, ensure color harmony, and create breathing room without performing a total codebase refactor.

주요 기능

01Applies WCAG 2.2 compliant color theory and semantic palette usage

02Refines visual hierarchy through intentional size, weight, and color contrast

034 GitHub stars

04Implements a standardized 8pt grid system for consistent rhythmic spacing

05Optimizes typography using professional font pairing and mathematical scales

06Enhances component aesthetics with modern border radii and subtle depth systems

사용 사례

01Revitalizing a dated or cluttered dashboard with modern spacing and hierarchy

02Polishing a brownfield web project to achieve a premium, production-grade design feel

03Ensuring an existing React Native app meets accessibility and color contrast standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add apexscaleai/claude-ui-design-system aesthetic-excellence

For use in Claude.ai and ChatGPT

Download Skill