Skills
.Work. You
Rest

Implement UI/UX Fixes

Community

Automate UI/UX fixes, achieve design perfection.

Design & Creative#accessibility#frontend#design system#UI#UX#component#refactor
Authorendlessblink
Version1.0.0
Installs0

System Documentation

What problem does it solves? This Skill streamlines the process of implementing UI/UX improvements, ensuring design system compliance, component consistency, and accessibility, saving you time on manual adjustments and audits.

Core Features & Use Cases

  • Design Token Migration: Replace hardcoded values with design tokens for consistent styling.
  • Component Consolidation: Standardize UI elements like buttons, cards, and modals across the application.
  • Accessibility Improvements: Automatically add ARIA labels and fix focus indicators for WCAG compliance.
  • Use Case: A UI audit reveals inconsistent button styles and missing ARIA labels. Use this skill to systematically refactor all buttons to a BaseButton component and add necessary accessibility attributes.

Quick Start

Implement UI/UX fixes for the settings modal to match the provided reference design, focusing on button styles and spacing.

Dependency Matrix

Required Modules

None required

Components

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: Implement UI/UX Fixes
Download link: https://github.com/endlessblink/pomo-flow/archive/main.zip#implement-ui-ux-fixes

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 223,000+ vetted skills library on demand.