Refactoring UI Design System

wondelai/skills

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.

Contenido actualizado:

Ver en GitHub
npx skills add wondelai/skills --skill refactoring-ui
2702Estrellas266ForksÚltimo push del repositorio

Acerca de este Skill

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.

Por qué lo elegimos

Summarized from the original wondelai/skills SKILL.md by wondelai; the original upstream instructions were used.

Para qué sirve

  • Use this workflow when the task matches the original Refactoring UI Design System instructions.

Antes de usarlo

  • Read the original SKILL.md and referenced files in wondelai/skills.

Fuentes y referencias

Las fuentes originales se enlazan a continuación. Los puntos de partida prácticos son sugerencias editoriales de SkillHey.