Best Claude skills for website and UI design

Quick picks

• New landing page or company site: Taste Skill. It picks a direction, uses real photos and checks the page in a browser at four widths before handing over.
• Polishing UI that already exists: Impeccable (commands like polish, critique and audit, plus a rule-based slop detector) or unslop (fixes spacing, color, icons, copy and type in order).
• A safe default from Anthropic: frontend-design, the official skill, steers away from generic AI design.
• Picking styles, palettes and fonts for any platform: UI UX Pro Max, a searchable design database for web, mobile and desktop.
• Motion and the small details: Emil Kowalski's skills.
• Reviewing code against accessibility and UX rules: Vercel's web-design-guidelines.

Website and UI design skills compared

Stars and licenses from the GitHub API on November 8, 2026, rounded. For repositories with many skills, stars are for the whole repository.

How to install and use a design skill

1. Install one or two, not all of them

   Skills that each want to set the direction will fight. Pick one that designs (frontend-design, Taste Skill or UI UX Pro Max) and, if you like, one that reviews (Impeccable, unslop or web-design-guidelines).

   # Anthropic's official frontend-design (Claude Code)
   /plugin install frontend-design@claude-plugins-official
   
   # Taste Skill
   npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
   
   # Impeccable
   npx impeccable install
   
   # UI UX Pro Max (Claude Code, Cursor, Codex and more)
   npm install -g ui-ux-pro-max-cli && uipro init --ai claude
   
   # unslop (Claude Code)
   git clone https://github.com/heydamir/unslop
   mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/

2. Give it the brief

   Say what the page is for, who it's for and one or two sites you like. Most of these skills ask for a direction first, and the result is only as specific as the brief.

3. Let it check its own work

   Taste Skill renders the page at four widths and runs a finish gate; Impeccable's detector runs 62 rules with npx impeccable detect src/. Keep those checks on, and look at the screenshots yourself.

4. Save the result as a design system

   Several skills write a DESIGN.md (Impeccable, Taste Skill, Stitch). Keep it in the repository so later sessions, and other agents, follow the same colors, type and spacing. See the CLAUDE.md guide.

Source: Anthropic's frontend-design skill

Things to know before installing

• Some skills add hooks or download an engine: Impeccable installs command hooks and has telemetry on by default (opt out with DO_NOT_TRACK=1); Taste Skill runs a finish gate as a Stop hook and needs Node 22+ and Chrome.
• A full Taste Skill build can take 30–45 minutes and a few hundred thousand tokens, per its README.
• UI UX Pro Max needs Python 3 and sells a premium tier; the open skill is MIT.
• unslop is CC BY 4.0: credit the author if you reuse its text. Don't confuse it with text-focused repos of the same name.
• Stitch and Figma skills need their MCP servers and accounts; Figma's canvas writes are beta and limited on free seats.
• From our team: we used Taste Skill on Crewmark's own product screens and made a short video about unslop. Our sister project pretty-ui is a newer, smaller skill for the same job. For phone apps, see the best Claude skills for mobile app design.

Give the skills a designer that works every day

A skill makes one session design better. Crewmark turns Claude Code or Codex into an AI UI designer with a goal, such as three polished screens a week, working hours and a board of screens to fix; it wakes on a heartbeat and opens pull requests with before-and-after screenshots.

1. Hire the UI designer role

   Its brief, goal and routine come set up; see the AI UI designer and the AI app designer.

2. Install your design skills in the repository

   The employee uses the skills in .claude/skills like any session does.

3. Review pull requests, not prompts

   Approve the screens you like; ask for changes on the board. Read what an AI employee is.

Claude design skills FAQ