wondelai-refactoring-ui

v1.0.0

Practical UI design system for professional interfaces

Claude Code1 skill

by Wondel.aiMIT2.6kupdated 10 hours ago

Source

$ git clone https://github.com/jeremylongshore/claude-code-plugins-plus-skills

Clone the source, then follow the repository's marketplace instructions for your runtime. The plugin root is plugins/design/wondelai-refactoring-ui/ inside the repository.

Layout

plugins/design/wondelai-refactoring-ui/

├── .claude-plugin/plugin.json
└── SKILL.md

Skills1

refactoring-uiSKILL.md

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.

Manifests1

plugins/design/wondelai-refactoring-ui/.claude-plugin/plugin.json

{
  "name": "wondelai-refactoring-ui",
  "version": "1.0.0",
  "description": "Practical UI design system for professional interfaces",
  "author": {
    "name": "Wondel.ai"
  },
  "license": "MIT",
  "repository": "https://github.com/wondelai/skills",
  "keywords": [
    "design",
    "wondelai",
    "skills"
  ]
}