/refactor-ui | ui-design-system | ClaudePluginHub

Back to Commands

Slash Command

Community

/refactor-ui

From ui-design-system

4

Description

Refactor existing UI component with modern design principles and design preset

AI Summary

Refactors UI components with modern design principles and customizable design presets.

Install

1

Add the repository(one-time)

$

/plugin marketplace add apexscaleai/claude-ui-design-system

2

Install the plugin

$

/plugin install ui-design-system@ui-design-system-marketplace

Namespace

commands/

Command Content

I'll help you refactor existing UI code to apply modern design principles.

What I'll do:

Analyze your current component implementation
Apply design tokens from your chosen preset
Improve visual hierarchy and spacing
Enhance accessibility (WCAG 2.2 AA)
Add thoughtful micro-interactions
Maintain all existing functionality

Please provide:

The component code you want to refactor
Which design preset to apply?
- minimalist-modern - Clean, spacious, timeless
- glass-aesthetic - Transparent, depth, modern
- bold-brutalist - High contrast, geometric, bold
- soft-neumorphic - Subtle shadows, tactile
- timeless-classic - Professional, accessible
- bleeding-edge-experimental - Latest 2025 trends

I'll use the ui-refactoring-workflow skill to transform your component while preserving functionality.

Links

GitHub Stats

0 forks

Updated 2 months ago