Skip to content
cccskills
FreePublished on GitHubEnglish overview

anti-ui-slop

Design and implement web or iOS interfaces using the product’s existing components and design rules. Define required screen states and responsive behavior, consult optional visual references when useful, and inspect the rendered result when supported.

OriginalShow the original 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.

Run score Not tested

See how to install

Good for

  • Design screens that follow an existing product’s visual rules
  • Define loading, empty, and error states
  • Review responsive layouts before release
  • Use visual references to resolve specific design questions

Overview

What it does

This skill supports designing, building, improving, and reviewing web or iOS interfaces in line with a product’s goals and existing design. It helps clarify the main user actions and information, then prioritizes existing components, typography, spacing, and interaction patterns. It also considers loading, empty, error, success, disabled, and permission-specific states. When the environment allows, it renders the screen so visible clipping and overlap can be checked.

When it helps

Use it when adding screens to an existing service or aligning appearance and interaction during a major redesign. For visual questions that are hard to resolve, optional UIZZE reference screens can help assess information hierarchy and layout density.

Example requests

  • “Build this screen using the existing components and design rules.”
  • “Review the empty and error states and responsive behavior.”
  • “Inspect the rendered screen before release and fix clipping or overlap.”

Notes

The free skill and public catalogue work without an account or token. The authenticated UIZZE MCP is optional. Using reference screens does not grant permission to copy another product’s brand or assets. Product validation, accessibility and security reviews, and project-specific tests are separate needs.

This overview was written by AI (OpenAI Codex) from the public SKILL.md. Check the original below for the exact behavior.

Document check

AI checked the SKILL.md for operations that need care and for setup requirements. The score comes only from actually running the skill (hands-on test).

SafetyAre sending data, deleting files, and running commands disclosed?
AGoodReferences are optional and copying another product’s identity or assets is prohibited.
Easy setupDoes it need few tools or API keys, and are they documented?
AGoodThe free skill and public catalogue require no account or token.

Not counted in the score. Rated by AI (OpenAI Codex) as of Oct 24, 2026. Treat it as a guide and read the original before installing.

Disagree? Request a re-evaluation

Tell us which point is wrong and why. No login needed. We will check it against the SKILL.md, redo the evaluation, and show the result here.

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

Files included (1)

  • SKILL.md3.3 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Stop Making UI Slop

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

  1. Identify the screen's real job, primary user and action, required content, and important loading, empty, error, success, disabled, and permission states.
  2. Reuse the repository's components, semantic tokens, typography, spacing, and interaction conventions before adding a new abstraction or visual language.
  3. 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.
  4. 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.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Assess a new or existing AI project by examining its code, goals, and constraints. Recommend skills confirmed to exist in the available registry, then outline tasks and implementation phases with dependencies, completion criteria, and checks.

  • Planning the first steps of a new AI project
  • Assessing technical issues in an existing project
  • Selecting relevant skills from an available registry
sickn33/agentic-awesome-skills48.4KUpdated Oct 24, 2026

007

FreeSummary

Review code and infrastructure for security risks, map potential threats, and plan stronger defenses. The skill covers OWASP checks, attack and defense exercises, and incident response, with validation required for each environment.

  • Reviewing code and infrastructure security
  • Mapping threats with STRIDE or PASTA
  • Planning stronger security settings
sickn33/agentic-awesome-skills48.4KUpdated Oct 24, 2026

Turn a repeatable task into an Andru.ia skill with clear inputs, outputs, examples, and limits. Draft SKILL.md, check the folder structure and required validations, and prepare a pull request describing the changes for review.

  • Creating a skill for a repeatable task
  • Improving an existing skill’s examples and limits
  • Validating skill files and preparing a pull request
sickn33/agentic-awesome-skills48.4KUpdated Oct 24, 2026

Prepare an industry briefing once a project's sector is defined. It covers sector context, potentially applicable regulations, familiar interface patterns, technology choices, and risks, while separating verified evidence from hypotheses and questions requiring further review.

  • Researching industry requirements before product design
  • Checking regulations for a project's jurisdiction
  • Choosing interface patterns familiar to target users
sickn33/agentic-awesome-skills48.4KUpdated Oct 24, 2026

Create presentation drafts from text, outlines, or documents through the 2slides API. Match a reference image's style, choose themes, add AI voice narration, and export slide images or audio for review and use.

  • Create a presentation from text or an outline
  • Summarize a document into slides
  • Match slide styling to a reference image
sickn33/agentic-awesome-skills48.4KUpdated Oct 24, 2026

Plan a 360-degree or peer feedback process and create empty response templates from confirmed requirements. Produces consistent CSV, SQL, JSON Schema, or Notion property mappings while keeping visibility choices and scoring configuration separate.

  • Plan an anonymous peer feedback process
  • Create a CSV template for feedback responses
  • Align feedback fields across SQL and JSON Schema
sickn33/agentic-awesome-skills48.4KUpdated Oct 24, 2026

See all skills by sickn33

Report a problem with this skill