ui-aesthetic-coach
CommunityElevate UI aesthetics and design taste.
AuthorRuzenie
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of achieving high visual quality and consistent design taste in UI development, transforming vague aesthetic goals into actionable design specifications.
Core Features & Use Cases
- Aesthetic Diagnosis: Evaluates UI designs against a comprehensive rubric to identify key areas for improvement.
- Style Direction: Proposes and refines visual directions aligned with brand and audience.
- Design Token Generation: Outputs implementation-ready design tokens (color, typography, spacing, etc.) and component rules.
- Use Case: A product manager wants to improve the look-and-feel of an AI dashboard. They can use this Skill to get a diagnosis of current issues, recommendations for a "Data Clarity" style, and a set of design tokens to implement.
Quick Start
Use the ui-aesthetic-coach skill to diagnose and improve the UI aesthetic for a new AI customer service backend, focusing on data readability and primary call-to-action.
Dependency Matrix
Required Modules
python3
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ui-aesthetic-coach Download link: https://github.com/Ruzenie/RUI-agentskills/archive/main.zip#ui-aesthetic-coach Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.