Design & UI

Anti UI Slop

anti-ui-slop

Stop coding agents from shipping generic UI — ground interfaces in UIZZE's library of 800k+ real web and iOS screens, define a design contract, cover required states, and run a hard pre-ship finish gate. Works in Claude Code, Cursor, Copilot, Codex.

uidesignanti-slopfinish-gate
Install
mkdir -p ~/.claude/skills && curl -fsSL https://skill.metacog.co.kr/dist/anti-ui-slop.zip \
  -o /tmp/anti-ui-slop.zip && unzip -oq /tmp/anti-ui-slop.zip -d ~/.claude/skills
Files14
Size24.4 KB
Bundled foldersagents/ reference/ references/
LicenseMIT

Redistributed from uizze/uizze (MIT) · Browse files on GitHub · Download zip

When Claude uses it

Stop coding agents from shipping generic UI. Use UIZZE's 800,000+ real web and iOS screens to build product-specific interfaces, define a design contract, cover required states, and run a hard finish gate. Use when designing, implementing, redesigning, critiquing, or pre-ship reviewing a web or iOS interface in Codex, Claude Code, Cursor, Copilot, or another coding agent. Trigger with "anti-ui-slop", "stop UI slop", "ground this UI in real screens", or "run the UI finish gate".

SKILL.md

Stop AI coding agents from shipping generic UI.

Stop Making UI Slop

Build product-specific UI with 800,000+ real web and iOS screens via UIZZE.

Stop Making UI Slop with UIZZE

Overview

Use the product brief, existing UI, components, and local design system to make intentional interfaces. Uizze supplies focused design guidance and, when useful, a small number of relevant visual references.

Prerequisites

Authentication

Work from the product

Read the brief, existing UI, components, tokens, and constraints before designing. They always outrank this skill. Keep familiar interaction conventions and make the product's own objects, workflow, and priorities visually clear. Do not add novelty for its own sake.

Load one playbook

Choose at most one file for the current request:

Do not load a second playbook. Apply judgment rather than treating its examples as a checklist.

Optional Uizze evidence

Read references/uizze-reference-policy.md before using the paid MCP. It exposes exactly find_ui_references and find_ui_materials. Use them only when a concrete unresolved visual or material question would benefit from evidence. If they return nothing, continue silently.

Finish

Complete the requested scope. When the environment supports it, render and inspect once. Fix observable breakage such as clipping, overlap, distorted media, inaccessible controls, or inert interactions. Keep the handoff concise.