🎨Design
185
351

refactoring-ui

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off", "fix the design", "Tailwind styling", "color palette", or "visual hierarchy". Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.

#ui#ux#frontend#html#css#react
Share
Quick Install
>_npx skills add wondelai/skills
Documentation
Loading documentation...
Repository
Repositorywondelai/skills
Stars185
Last UpdatedFeb 23, 2026
Related Skills
65,034
22,258

web-design-guidelines

Reviews UI code for web interface guidelines compliance, focusing on accessibility and design best practices.

vercel-labs
vercel-labs/agent-skills
24,100
32,834

ui-ux-pro-max

A comprehensive UI/UX design assistant with 50 styles, 21 palettes, and support for multiple frameworks like React, Next.js, Vue, and Svelte

nextlevelbuilder
nextlevelbuilder/ui-ux-pro-max-skill
8,900
30,440

tailwind-design-system

Create scalable design systems using Tailwind CSS v4, design tokens, and responsive patterns.

wshobson
wshobson/agents
7,444
26

frontend-design-system

Skill for building and maintaining frontend design systems to ensure UI consistency and component reusability.

supercent-io
supercent-io/skills-template
7,400
86,065

canvas-design

Create beautiful visual art and designs in PNG and PDF formats using design principles.

anthropics
anthropics/skills