Which CSS frameworks are supported?

While it works best with utility-first frameworks like Tailwind CSS, its logic for accessibility attributes (ARIA, roles) and standard HTML/React attributes works across any JSX-based environment.

How does UI Improve avoid breaking my existing styles?

The skill uses a strict 'File Ownership' system where specific agents are only permitted to modify designated class categories (e.g., the spacing-fixer only touches m-* and p-* classes), preventing overlapping changes and accidental deletions.

Can I run this on my entire project at once?

Yes, using the --all subcommand, the skill can recursively audit and improve every component found within your src/components directory.

What happens if a fix doesn't meet my requirements?

UI Improve generates a detailed before/after diff and performs a re-audit. If a fixer fails or creates a regression, the skill flags the specific file for manual review so you can easily revert or adjust the changes.

UI Component Improver

Name: UI Component Improver
Author: Ankurjain1121

byAnkurjain1121

0•

デザインツール

Automatically audits and refines UI components to fix accessibility, styling, and interaction issues using specialized AI agents.

UI Improve is a sophisticated Claude Code skill designed to automate the polishing phase of frontend development. It executes a multi-stage workflow that first audits components for accessibility (a11y) and style inconsistencies, then orchestrates specialized agents to fix typography, spacing, interactive states, and motion effects. By utilizing a strict conflict-prevention model where each agent 'owns' specific CSS class categories, it ensures safe, non-destructive updates to your React or Tailwind-based components, concluding with a comprehensive re-audit and diff report to verify all improvements.

主な機能

01Strict class ownership rules to prevent styling conflicts and regressions

02Specialized fixers for interaction states (hover, focus, active) and motion

03Parallel multi-agent auditing for typography, spacing, and accessibility

04Automated ARIA attribute injection and keyboard navigation fixes

05Comprehensive before-and-after diffs with post-fix verification audits

060 GitHub stars

ユースケース

01Standardizing design system utility classes across a large component library

02Modernizing legacy components to meet WCAG accessibility standards

03Adding professional polish like transitions and focus rings to static UI elements

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ankurjain1121/dev-workflow-skills ui-improve

For use in Claude.ai and ChatGPT

Download Skill