Skills
.Work. You
Rest

ui-expert

Community

Polish UI for visual consistency.

Design & Creative#design#ui#css#components#ux#visual
Authoreboody
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses inconsistencies and imperfections in user interfaces, ensuring a polished, professional, and user-friendly visual experience across all components and layouts.

Core Features & Use Cases

  • Visual Audits: Analyzes and identifies issues with spacing, typography, color contrast, and interactive states.
  • Design System Enforcement: Ensures adherence to design tokens and reusable component patterns.
  • Responsive Refinement: Optimizes layouts for various screen sizes and breakpoints.
  • Use Case: A product team has just implemented a new feature, but the UI elements don't quite match the existing design language. The ui-expert skill can be used to audit the new components, identify discrepancies, and suggest specific CSS and markup changes to align them with the established design system.

Quick Start

Use the ui-expert skill to audit the visual hierarchy and component states of the provided UI mockups.

Dependency Matrix

Required Modules

None required

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-expert
Download link: https://github.com/eboody/eran.codes/archive/main.zip#ui-expert

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.