Agent skill · Frontend

anti-ui-slop

Stop Codex, GitHub Copilot, Claude Code, and Cursor from shipping generic UI. Use UIZZE’s public catalogue of 800,000+ real web and iOS screens to extract product-specific design decisions and enforce a hard finish gate for web and iOS interfaces.

GitHub68,948★ · +463/wk · 2 repos on radarProfile →
copilotclaude-codeMIT
Install
npx skills add github/awesome-copilot --skill anti-ui-slop --agent copilot

Same command for any agent — swap --agent for claude-code, codex, cursor.

Facts
Files in the skill folder: 1
SKILL.md size: 5 KB
Bundled scripts: none
Path: skills/anti-ui-slop/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 37,432 · +281 this week
Language: Python

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Anti UI Slop Use this skill when building, refactoring, or reviewing a web or iOS interface. The goal is not to make a generic layout prettier. The goal is to make the interface visibly belong to this product, support its real user job, and behave correctly in every important state. Browse 800,000+ real web and iOS screens at https://uizze.com before choosing a layout. The workflow is instruction-only. It does not execute third-party code or require credentials. ## 1. Inspect the Product Before Designing Read the repository and identify: - the primary user and the job this screen must complete; - the single primary action and the information needed before taking it; - the existing component library, design tokens, typography, and layout conventions; - real product nouns, workflows, constraints, and data already present in the codebase; - required loading, empty, error, partial, success, disabled, and permission states; - relevant mobile, tablet, desktop, keyboard, and assistive-technology behavior. Do not invent product requirements, analytics, user research, or hidden states. ## 2. Collect Real Interface Evidence Search the public catalogue at https://uizze.com and select three

What's inside
Steps it walks through
  1. 1. Inspect the Product Before Designing
  2. 2. Collect Real Interface Evidence
  3. 3. Write a Design Contract
  4. 4. Build in the Product’s Language
  5. 5. Run the Finish Gate
  6. Product specificity
  7. Interaction completeness
  8. Responsive and accessible behavior
  9. Design-system integrity
  10. 6. Handoff Format
More from awesome-copilot
All skills →
About this skill
What does the anti-ui-slop skill do?

Stop Codex, GitHub Copilot, Claude Code, and Cursor from shipping generic UI. Use UIZZE’s public catalogue of 800,000+ real web and iOS screens to extract product-specific design decisions and enforce a hard finish gate for web and iOS interfaces.

How do I install it?

Run `npx skills add github/awesome-copilot --skill anti-ui-slop --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From github/awesome-copilot, a repository with 37,432 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going