All skills
github avatar

/anti-ui-slop

@22e0e1e official
by githubgithub/awesome-copilot40k stars
5,040

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".

Use this Skill: https://skilld.dev/gh/github/awesome-copilot/anti-ui-slop

This session only. Nothing lands on disk.

referenceoperate.md

≈336 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Product and dashboard interfaces

Product UI should disappear into the task. Familiarity is a feature when users need to move quickly and trust the controls.

Structure

  • Make the current location, primary task, and next action obvious.
  • Match information density to the work. Dense tables and compact controls are appropriate when users need them; decorative containers are not.
  • Prefer standard navigation, forms, tables, tabs, menus, and dialogs over novel replacements.
  • Use spacing and alignment for grouping before adding borders, cards, or backgrounds.
  • Keep one component vocabulary across the surface.

States and behavior

  • Cover the states the product can reach: loading, empty, error, success, disabled, selected, expanded, and recovery where relevant.
  • Keep focus visible, controls labelled, contrast readable, and targets usable.
  • Prevent overlays and menus from being clipped by scroll or overflow containers.
  • Use quick motion only for state changes and feedback. Do not choreograph routine page loads.
  • Make responsive changes structural: collapse navigation, reflow groups, and preserve access to important actions.

Finish

Use the interface at representative sizes. Fix the few observable issues that obstruct the task or break consistency. Do not redesign working areas outside the requested scope.

Source: SKILL.md on GitHub

1 warning1mo3 checks · Risk SAFE
  • Gen Agent Trust Hub1mo

    The skill provides a structured workflow for improving UI design by referencing external examples and following a strict verification process. It is instruction-based and does not execute code or require credentials.

  • Socket1mo

    No alerts

  • Snyk1mo

    Risk: MEDIUM · 1 issue

Signed by skilld at 22e0e1e. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub yesterday.

Activeupdated last month
Other metadata
metadata
{
  "version": "1.2.13",
  "author": "UIZZE <business@uizze.com>",
  "compatibility": "Designed for Claude Code, Codex, Cursor, and GitHub Copilot; works in any agent that can read project files and fetch a URL.",
  "tags": "ui-design, design-system, design-review, frontend, web-ui, ios-ui"
}

README badge

README badge for github/awesome-copilot/anti-ui-slop