About

Imported from github/awesome-copilot (skills/anti-ui-slop/SKILL.md) via skills.sh. Install upstream with npx skills add github/awesome-copilot --skill anti-ui-slop. Copyright stays with the author (MIT).

Stop AI coding agents from shipping generic UI.

Stop Making UI Slop

Name: anti-ui-slop
Author: github

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

A screen or component to build, redesign, or review — a file path or a short description.
The product's existing components, design tokens, and visual language, so the build extends them instead of inventing a new system.
Optional access to the paid Uizze MCP for focused references and hosted materials.

Authentication

The free skill and public catalogue work without an account, token, MCP connection, dependency, script, or executable.
The optional full UIZZE MCP may use the host's normal connection and authentication flow. Never claim it is connected without an actual host result.

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:

New interface or major redesign: reference/new-work.md
Product or dashboard work: reference/operate.md
Refinement and polish: reference/polish.md
Simplification or distillation: reference/distill.md
Explicit audit: reference/audit.md
Native iOS work: reference/ios.md

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.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/github-awesome-copilot-anti-ui-slop/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

github-awesome-copilot-anti-ui-slop.ocm.jsonjson

{
  "ocm": "1",
  "id": "github-awesome-copilot-anti-ui-slop",
  "kind": "skill",
  "name": "anti-ui-slop",
  "description": "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\".",
  "publisher": "github",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "coding",
      "legal"
    ],
    "tags": [
      "skill-md",
      "ui-design",
      "design-system",
      "design-review",
      "frontend",
      "web-ui",
      "ios-ui",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "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\"."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/github/awesome-copilot",
      "path": "skills/anti-ui-slop/SKILL.md",
      "ref": "HEAD",
      "url": "https://www.skills.sh/github/awesome-copilot/anti-ui-slop",
      "key": "github/awesome-copilot/skills/anti-ui-slop/SKILL.md"
    },
    "license": "MIT"
  },
  "instructions": "> **Stop AI coding agents from shipping generic UI.**\n\n# Stop Making UI Slop\n\nBuild product-specific UI with 800,000+ real web and iOS screens via [UIZZE](https://uizze.com).\n\n![Stop Making UI Slop with UIZZE](https://uizze.com/landing/anti-ui-slop-skill-banner.png)\n\n## Overview\n\nUse 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.\n\n## Prerequisites\n\n- A screen or component to build, redesign, or review — a file path or a short description.\n-",
  "cost": {
    "context_tokens": 603
  }
}

Fetch it by URL: GET /api/v1/registry/github-awesome-copilot-anti-ui-slop/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.