ui-refactor
CommunityElevate your UI with expert design feedback.
Design & Creative#design review#frontend development#ui design#user interface#visual hierarchy#design feedback
Authortimbrinded
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps users improve the visual design and user interface of their applications by providing structured feedback and actionable recommendations based on established design principles.
Core Features & Use Cases
- Design Review: Analyzes screenshots, code (CSS, Tailwind), or descriptions to identify hierarchy, spacing, typography, color, depth, and polish issues.
- Advisory Workflow: Provides guidance on design decisions when users ask for help with specific UI elements or concepts.
- Use Case: You've built a new dashboard and want to ensure it looks professional and is easy to use. You can ask the Skill to review your design, and it will provide specific, prioritized feedback on how to improve hierarchy, spacing, and color choices.
Quick Start
Review the provided screenshot for design improvements.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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-refactor Download link: https://github.com/timbrinded/kiln/archive/main.zip#ui-refactor 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.