uizze-ui Skill for Claude: What It Does and How to Install It

Makes Claude improve your UI using your own code and assets, with optional design references from Uizze's hosted service.

Installs: 252.2K; on skills.sh
Stars: 78; on GitHub
Files: 3; besides SKILL.md
Updated: Nov 2026; last repo commit

uizze-ui is the official skill for Uizze, a UI design resource site. The build step needs no account. Claude inspects your screens, components and tokens, improves layout, hierarchy, typography and spacing, adds loading, empty, error and success states, then checks the result at relevant sizes, including keyboard access, focus and overflow.

SKILL.md also tells Claude to read references/workflow.md before UI work. That file sets an image-first process: if the host has an image-generation tool, Claude makes a target image of the screen first, builds it 1:1 with the project's stack, then renders and compares it, and reports any mismatch. If no image tool exists, it works from a supplied image or from the brief.

The second half connects to Uizze's hosted service to search real app screens, design systems, licensed fonts, icons and animated icons. SKILL.md says that service needs a Uizze account with paid access. If it is not available, Claude should keep working on your local UI and say what was missing.

Good for

Developers polishing a screen or component
Designers who want checked states, spacing and focus
Teams that already pay for Uizze

Install uizze-ui

Claude Code

Copy this prompt.

Install the uizze-ui skill in Claude Code. Run this command:

npx skills add https://github.com/uizze/uizze --skill uizze-ui

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

The official Uizze skill for building and improving UI/UX. Work with your project's code and assets, and use uizze.com for real app examples, design systems, licensed fonts, icons and interaction resources.

Sections in SKILL.md

Build the UI
Connect to Uizze
Use Uizze's full toolkit
Present and apply
Agent instructions

Key facts

Author: uizze
Repo: uizze/uizze (skills/uizze-ui)
Installs on skills.sh: 252,194 (Nov 2026)
GitHub stars: 78 (Nov 2026)
License: MIT
Last repo commit: Nov 1, 2026
Files in the skill folder: 4 including SKILL.md
skills.sh audits: Gen Agent Trust Hub: pass, Socket: pass, Snyk: pass
Hosted part needs: A Uizze account with paid access

What it includes

Inspects your code, improves layout and states, then runs and checks the result
Runs code · Build the UI
Makes a target image, builds it 1:1, renders and compares (references/workflow.md)
Runs code · Image-first workflow
Uses your client's connection to the Uizze service; offers the Uizze sign-up once
Network · Connect to Uizze
Searches packs and fetches a DESIGN.md after you pick one
Write · Design systems and Web Packs
Finds real app layouts to use as references; they are not downloadable code
Network · Screens and UI elements
Downloads returned files, verifies checksums and keeps license notices
Files · Licensed fonts and icons
Finds animated icons for events such as loading, success or error
Network · Animated icons

From the official docs

Permissions

Low risk

The build step edits your project, and the optional Uizze step sends searches to a third-party service and can download font and icon files.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

It may send a screen description to an image tool
references/workflow.md has Claude generate a target UI image first when the host has an image-generation tool, with the screen's purpose, copy and controls in the prompt. It says to use non-sensitive content and never send secrets or private customer data.
It can download fonts and icons into your project
SKILL.md says to verify checksums and keep license notices. Read the license for each file before you ship it.
The hosted part needs a paid account
Without one, Claude should carry on with local UI work.
It may offer you a Uizze sign-up
The skill tells Claude to offer sign-up once when useful. You can ignore it.

Technical details

Talks to	Uizze hosted service (only for the optional resources)

Questions

How do I install the Uizze UI skill?

Use the install box above. The repo README also lists four more Uizze skills: ui-design, anti-ui-slop, image-to-ui and ui-radar.

Do I need a Uizze account?

Not for the build step. The README says the skills are free and work without an account or MCP connection. SKILL.md and the README say the hosted Uizze service needs a paid plan.

Is Uizze's hosted service a separate install?

The skill tells Claude to reuse your client's existing connection to the Uizze service and follow normal client setup. It says never to create duplicate connections or ask for credentials in chat.

Is it safe?

The build step edits your project code. If your host has an image-generation tool, the workflow file has Claude generate a target image first, using a prompt with the screen's purpose and copy, and says to use non-sensitive content. The optional Uizze step sends searches to a third-party service and can download font and icon files, so check each license before shipping.

Will it copy other apps' designs?

SKILL.md says reference screens are examples, not downloadable code, and that Claude should not copy another product's branding or screenshots into your app.

Information

updated Nov 2, 2026

Repository: uizze/uizze
Folder: skills/uizze-ui

uizze/uizze skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 3

uizze-ui SKILL.md · github.com
uizze/uizze README · github.com
uizze-ui references/workflow.md · github.com