design-improver
OfficialAutomate UI design improvements from screenshots.
Design & Creative#accessibility#grading#design-improvement#automated-fixes#vision-based#screenshot-analysis#UI-audit
AuthorMotium-AI
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the iterative enhancement of web UI designs by analyzing screenshots and proposing targeted fixes across typography, color, layout, motion, and accessibility to elevate visual quality and user experience.
Core Features & Use Cases
- Automated grading: evaluates designs across six dimensions (Typography, Color & Contrast, Layout & Spacing, Motion & Interaction, Visual Polish, Accessibility) and produces actionable insights.
- Targeted fixes: identifies top three issues and generates minimal, implementation-ready adjustments.
- Design reviews & audits: ideal for design reviews, UI improvements, and design grading tasks on dashboards, product pages, and onboarding flows.
Quick Start
Ask to design-improve a specific UI (e.g., the dashboard). Claude will capture a screenshot of the target page, grade the design, propose fixes, apply changes via a lightweight workflow, and iterate until the score threshold is met.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: design-improver Download link: https://github.com/Motium-AI/claude-code-toolkit/archive/main.zip#design-improver 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.