skills.rest
Ruzenie
RuzenieCOMMUNITY
Explore all skills by this author →
GitHub

ui-aesthetic-coach

Evaluate UI designs against aesthetic rubrics and generate design tokens.

2|Updated Feb 15, 2026
Search Tags:#design system#style guide#design tokens#aesthetic#ui design#visual quality
One-click install
npx skills add https://github.com/Ruzenie/RUI-agentskills --skill ui-aesthetic-coach
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-aesthetic-coach
Source: https://github.com/Ruzenie/RUI-agentskills/tree/main/RUI-agentskills/RUI-codex-cn/skills/ui-aesthetic-coach
Command: npx skills add https://github.com/Ruzenie/RUI-agentskills --skill ui-aesthetic-coach

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and includes scripts (resource) and references (resource) components.

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.

Frequently Asked Questions about ui-aesthetic-coach

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I critique UI aesthetics and convert vague style intent into concrete design tokens?▼

Improve dashboard look-and-feel by diagnosing current visual quality issues against an aesthetic rubric, then applying refined style directions and generated design tokens to enhance data readability.

What is the best way to define a style guide for web and app interfaces?▼

Yes, converting abstract style intent into concrete design decisions involves diagnosing visual issues and outputting actionable design system specifications for web and app interfaces.

Do I need python3 to generate design system specifications and aesthetic scores?▼

UI aesthetic coaching handles style guide definition and look-and-feel overhauls by using aesthetic rubrics and style direction references to provide deterministic scoring and token generation.

Why does my UI design lack visual polish and how can I fix it?▼

The aesthetic diagnosis evaluates UI designs against a comprehensive rubric to identify key areas for visual improvement, providing actionable recommendations for style and token implementation.

Can I use design tokens to overhaul the look-and-feel of an AI customer service backend?▼

Limitations of aesthetic rubric evaluation include its focus on visual quality and design taste; it generates token specifications but does not execute the frontend implementation itself.

Related Skills

Explore More Design & Creative Skills→
supermalangsupermalang

visual-setup

Scaffold deterministic Playwright screenshot baselines with human-only approval.

Community
Advanced
DerakonsDerakons

Yhadr Master UI/UX Designer

Enforce color tokens, spacing, typography, and modular components across ERP dashboards, forms, and reports.

Community
Advanced
nidhalboumaiza-0nidhalboumaiza-0

frontend-design

Convert UI style requirements into frontend code with a tokens-first design system.

Community
Advanced
AshesOfTheUndeadAshesOfTheUndead

material

Standardize UI components using semantic tokens for Material Design.

Community
Intermediate