kasonyekasonyeCommunityยท1 Agent Skills Included

ui-aesthetics-skill

Generate, review, and refine product-grade web interfaces

Generates, reviews, and refactors web interfaces with stronger visual judgment and product-grade polish. Fixes cluttered layouts, weak hierarchy, noisy colors, theatrical animations, and generic AI-looking pages. Applies disciplined spacing, typography, component craftsmanship, interaction states, motion, and depth systems. Works across Claude Code, Cursor, Windsurf, Codex, Gemini CLI, and other popular coding environments.
npx skills add kasonye/ui-aesthetics-skill --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install ui-aesthetics-skill?โ–ผ

Run `npx skills add kasonye/ui-aesthetics-skill --all -g -y` in your terminal to install the skill globally for your coding environment.

How to make AI-generated UI look less generic?โ–ผ

This skill diagnoses why a page feels templated or cheap, then rewrites hierarchy, spacing, color, and depth so the interface looks refined and product-grade.

Which coding tools support ui-aesthetics?โ–ผ

It ships native wrappers for Claude Code, Cursor, Windsurf, Codex, OpenCode, Gemini CLI, Qoder, Kiro, and GitHub Copilot, all driven by one shared skill file.

Can it review an existing dashboard or landing page?โ–ผ

Yes. Use its review mode to get a structured critique of hierarchy, density, palette, states, and motion, tied to readability and trust rather than vague taste.

Do I need design experience to use ui-aesthetics?โ–ผ

No. Just describe what feels off in plain English, and the skill applies its built-in design principles, anti-pattern checks, and rewrite playbooks automatically.

Related Repositories in Design & Creative

View All in Design & Creativeโ†’