About

Imported from sickn33/agentic-awesome-skills (plugins/agentic-awesome-skills-claude/skills/anti-ui-slop/SKILL.md). Install upstream with npx skills add sickn33/agentic-awesome-skills --skill anti-ui-slop. Copyright stays with the author (MIT).

Stop Making UI Slop

Name: anti-ui-slop
Author: sickn33

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

Overview

Use the product brief, existing interface, components, and local design system before reaching for outside references. UIZZE evidence is optional: it should answer a concrete visual question, not turn every interface task into a research project.

When to Use

Use this skill when designing, implementing, redesigning, critiquing, or doing a pre-ship review of a web or iOS interface.

Work From the Product

Identify the screen's real job, primary user and action, required content, and important loading, empty, error, success, disabled, and permission states.
Reuse the repository's components, semantic tokens, typography, spacing, and interaction conventions before adding a new abstraction or visual language.
For a new interface or major redesign, write a short design contract covering hierarchy, workflow shape, allowed components, required states, responsive behavior, and observable acceptance criteria. Keep smaller changes smaller.
Use product-specific labels and data. Do not invent metrics, activity, testimonials, users, or placeholder workflows to make a layout look complete.

Optional UIZZE Evidence

The free skill and public catalogue work without an account, token, dependency, script, or executable. If a concrete unresolved visual question would benefit from evidence, use the smallest relevant set of screens or materials.

The optional authenticated UIZZE MCP exposes exactly find_ui_references and find_ui_materials. Use it only when those tools are actually available. If a search returns nothing, continue silently from repository evidence. Never claim an MCP-backed result that was not returned by the host.

Treat references as evidence, not templates. Transfer useful decisions about hierarchy, density, navigation, controls, responsive behavior, and state handling; never copy another product's branding, proprietary text, imagery, or exact layout.

Install the current free skill directly from its canonical source:

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

Finish

When the environment supports it, render and inspect the result once. Fix observable breakage such as clipping, overlap, distorted media, inaccessible or inert controls, missing required states, and unintentional responsive behavior. Run the project's normal checks and keep the handoff concise.

Limitations

This workflow does not replace product validation, accessibility review, security review, or project-specific tests.
UIZZE evidence is optional and may legitimately return no useful result.
A reference is not permission to copy another product's identity or assets.

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/sickn33-agentic-awesome-skills-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.

sickn33-agentic-awesome-skills-anti-ui-slop.ocm.jsonjson

{
  "ocm": "1",
  "id": "sickn33-agentic-awesome-skills-anti-ui-slop",
  "kind": "skill",
  "name": "anti-ui-slop",
  "description": "Stop coding agents from shipping generic UI. Extend the product's design system, use UIZZE evidence only when useful, cover required states, and inspect the rendered result.",
  "publisher": "sickn33",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "ui",
      "ux",
      "frontend",
      "design",
      "anti-ui-slop",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Stop coding agents from shipping generic UI. Extend the product's design system, use UIZZE evidence only when useful, cover required states, and inspect the rendered result."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/sickn33/agentic-awesome-skills",
      "path": "plugins/agentic-awesome-skills-claude/skills/anti-ui-slop/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/sickn33/agentic-awesome-skills/blob/HEAD/plugins/agentic-awesome-skills-claude/skills/anti-ui-slop/SKILL.md",
      "key": "sickn33/agentic-awesome-skills/plugins/agentic-awesome-skills-claude/skills/anti-ui-slop/SKILL.md"
    },
    "license": "MIT"
  },
  "instructions": "# Stop Making UI Slop\n\nBuild product-specific UI with 800,000+ real web and iOS screens via\n[UIZZE](https://uizze.com).\n\n## Overview\n\nUse the product brief, existing interface, components, and local design system\nbefore reaching for outside references. UIZZE evidence is optional: it should\nanswer a concrete visual question, not turn every interface task into a research\nproject.\n\n## When to Use\n\nUse this skill when designing, implementing, redesigning, critiquing, or doing a\npre-ship review of a web or iOS interface.\n\n## Work From the Product\n\n1. Identify the screen's real job, primary user and",
  "cost": {
    "context_tokens": 697
  }
}

Fetch it by URL: GET /api/v1/registry/sickn33-agentic-awesome-skills-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.