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.

Материал обновлён:

Открыть на GitHub
npx skills add wondelai/skills --skill refactoring-ui
2 702Звёзды266ФоркиПоследний push репозитория

Об этом 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.

Почему мы его выбрали

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

Для каких задач подходит

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

Перед использованием

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

Источники и материалы

Ссылки на оригинальные материалы приведены ниже. Практические идеи предложены редакцией SkillHey.