← Back to Explore

wondelai-refactoring-ui Verified Bronze

Verified Bronze · 64/100 design v1.0.0 by Wondel.ai

Practical UI design system for professional interfaces. Fix visual hierarchy, choose typography and color scales, add depth with shadows, and style components in Tailwind CSS.

Installation

Open Claude Code and run this command:

/plugin install wondelai-refactoring-ui@claude-code-plugins-plus

Use --global to install for all projects, or --project for current project only.

Plugin Information

Version 1.0.0
Category design
License MIT
Pricing Free

Components

1 skill

Keywords

ui-designvisual-hierarchytypographycolor-palettetailwindshadowsspacingrefactoring-ui

Links

View on GitHub →

Related Plugins

design-to-code

Convert Figma designs and screenshots to React/Svelte/Vue components with built-in accessibility

wondelai-design-everyday-things

Fundamental design principles from Don Norman. Design affordances, signifiers, constraints, and feedback mechanisms. Apply human-centered design and fault-tolerant systems.

wondelai-hooked-ux

Hook Model framework for building habit-forming products. Design trigger-action-reward-investment loops, increase retention, and optimize onboarding for habit formation.

wondelai-ios-hig-design

Native iOS app design following Apple Human Interface Guidelines. Design SwiftUI/UIKit components, implement navigation patterns, and ensure accessibility compliance.

wondelai-top-design

Award-winning web design framework for premium brand experiences. Build immersive websites with custom animations, dramatic typography, and scroll-based compositions.

wondelai-ux-heuristics

Usability heuristics and UX audit framework based on Nielsen and Krug. Conduct heuristic evaluations, identify usability problems, and prioritize fixes by severity.