Claude Skills by suntianc

Diagnose, grade, and renovate the UI of an existing product — web, mobile, or desktop. Use when the user asks to optimize, beautify, modernize, upgrade, or redesign an interface that already exists and the depth of change is not yet agreed. Grades the current UI into one of four intervention grades (Rebuild, Remodel, Calibrate, Elevate), then delivers an evidence-backed analysis report plus a high-fidelity HTML preview of the proposed result before any code is touched.

Create, redesign, refine, or review screen-based interfaces as authored aesthetic systems. Use when an AI coding agent must establish a product-specific visual thesis, shape composition and hierarchy, choose an expressive computational medium, reconcile motion, interaction, color, cognition, and coherence decisions, or critique a polished but generic UI while preserving real content, functionality, accessibility, and implementation truth.