New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Anti UI Slop

by davepoon in davepoon/buildwithclaude

Stop coding agents from shipping generic UI. An agent skill from davepoon/buildwithclaude.

MITAuto-check passedFrontend & Design

Install Anti UI Slop

skills CLI
$ npx skills add davepoon/buildwithclaude --skill anti-ui-slop -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install davepoon/buildwithclaude anti-ui-slop --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/davepoon/buildwithclaude.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/all-skills/skills/anti-ui-slop .claude/skills/anti-ui-slop && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
anti-ui-slop
GitHub stars
3.6k
Token cost
~855 tokens
SKILL.md length
347 words
Files
1
Skills in repo
247
Repo updated
First seen
Licence
MIT

At a glance

Stop coding agents from shipping generic UI. An agent skill from davepoon/buildwithclaude.

  • Works in 5 steps: Read the target screen, product context,… → Reuse the project's components, tokens,… → Use product-specific labels and real… → …
  • Pre-ship review in Codex
  • SKILL.md covers When to Use This Skill, How to Use, Example and Optional UIZZE References, plus 1 more section
  • Calls npx; reaches uizze.com

What it does

Anti UI Slop is an agent skill from davepoon/buildwithclaude. 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 for web or iOS UI design, implementation, redesign, critique, and pre-ship review in Codex, Claude Code, Cursor, Copilot, and other coding agents.

Its SKILL.md is about 860 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering UI design. It works with iOS. The repository describes itself as: A single hub to find Claude Skills, Agents, Commands, Hooks, Plugins, and Marketplace collections to extend Claude Code, Claude Desktop, Agent SDK and OpenClaw. The licence is MIT.

When your agent uses it

  • Pre-ship review in Codex
  • Other coding agents

Example prompts

  • “/anti-ui-slop”

Requirements

  • Node.js

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Read the target screen, product context, and existing design system. Identify the primary user, action, content, and constraints.
  2. Reuse the project's components, tokens, typography, and interaction conventions. For a substantial redesign, write a short design…
  3. Use product-specific labels and real data requirements. Do not invent metrics, activity, testimonials, or controls to fill a layout.
  4. Implement the required loading, empty, error, success, disabled, and permission states. Make the primary action and recovery paths clear.
  5. When the environment supports it, render the result and fix observable clipping, overlap, inert interactions, and responsive problems. Run…

What it can do on your machine

Read from SKILL.md and the folder at commit 616deb5. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • uizze.com

    Also links to:

    • github.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Anti UI Slop loads about 855 tokens when it runs. Until then it costs about 92 tokens; SKILL.md has 347 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~92
When it runs · the whole SKILL.md, loaded when a task matches
~855

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from davepoon/buildwithclaude at commit 616deb5, republished under its MIT licence (© davepoon). 347 words, ~855 tokens.

Download SKILL.mdSave it as .claude/skills/anti-ui-slop/SKILL.md (or your agent's skills folder).
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 for web or iOS UI design, implementation, redesign, critique, and pre-ship review in Codex, Claude Code, Cursor, Copilot, and other coding agents.
category
design

Stop Making UI Slop

Build product-specific interfaces with UIZZE's free anti-ui-slop workflow. Use the product brief, existing components, and design system to make the screen's hierarchy, content, controls, and states intentional.

When to Use This Skill

Use it to design, implement, redesign, critique, or finish a web or iOS interface, especially when a first draft feels generic or omits important states.

How to Use

  1. Read the target screen, product context, and existing design system. Identify the primary user, action, content, and constraints.
  2. Reuse the project's components, tokens, typography, and interaction conventions. For a substantial redesign, write a short design contract; keep a small fix small.
  3. Use product-specific labels and real data requirements. Do not invent metrics, activity, testimonials, or controls to fill a layout.
  4. Implement the required loading, empty, error, success, disabled, and permission states. Make the primary action and recovery paths clear.
  5. When the environment supports it, render the result and fix observable clipping, overlap, inert interactions, and responsive problems. Run the project's relevant checks and summarize what changed.

The workflow works without an account, token, script, or MCP connection. Continue from repository evidence when external references are unavailable.

Example

text
Use anti-ui-slop on our billing settings page. Make the current plan,
payment method, and invoice history easy to scan. Reuse our components
and tokens. Cover no invoices, payment failure, and read-only access.
Inspect desktop and mobile output and fix visible breakage.

For a focused review, identify the three most useful changes first and implement them within the requested scope.

Optional UIZZE References

The separate paid UIZZE MCP offers focused reference search across 800,000+ real web and iOS screens. It exposes exactly two tools:

  • find_ui_references finds or inspects up to three full-screen references.
  • find_ui_materials finds up to three hosted fonts, icons, animated icons, or explicitly requested packs.

Use those tools only when the host provides an authenticated connection and a concrete visual question would benefit from evidence. If retrieval returns nothing, continue from the project. Never claim a tool result that the host did not return.

Adapt useful decisions about hierarchy, density, controls, and states to the product's own design system. Preserve its identity and content.

Canonical Package and More Examples

This catalog entry is a standalone workflow. Install the complete current skill, including its focused playbooks, with:

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

Canonical source · Practical workflows · UIZZE

© davepoon, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in plugins/all-skills/skills/anti-ui-slop of davepoon/buildwithclaude.

Open the folder on GitHubat commit 616deb5

Compare with similar skills

Anti UI Slop next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Anti UI Slop compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Anti UI Slop this skilldavepoon/buildwithclaude3.6k—~855Automated safety check: PassMIT
Penpot Uiux Designgithub/awesome-copilot40k1 repos~3kAutomated safety check: PassMIT
Omh Apple Designrlaope/oh-my-hermes3.3k—~2.3kAutomated safety check: PassMIT
Gesture PatternsOwl-Listener/designer-skills2.9k1 repos~501Automated safety check: PassMIT
App UI Designmajiayu000/spellbook287—~2.9kAutomated safety check: PassMIT
UI Designhashgraph-online/awesome-codex-plugins1.3k—~904Automated safety check: PassApache-2.0

Similar skills

  • Penpot Uiux Design

    github/awesome-copilot

    Official

    Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools.

    40k GitHub starsUsed in 1 repo~3k tokens
    Frontend & DesignAuto-check passed

  • Omh Apple Design

    rlaope/oh-my-hermes

    [omh] Designing or reviewing an iOS, macOS, or Apple-style UI: prepare native Apple UI or Apple marketing product-visual direction, review, and improvement briefs with evidence-backed remediation…

    3.3k GitHub stars~2.3k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Gesture Patterns

    Owl-Listener/designer-skills

    Design gesture interactions for touch and pointer — swipe, drag, long-press, and their discoverability.

    2.9k GitHub starsUsed in 1 repo~501 tokens
    Frontend & DesignAuto-check passed

  • App UI Design

    majiayu000/spellbook

    Mobile app UI design expert for iOS and Android. An agent skill from majiayu000/spellbook.

    287 GitHub stars~2.9k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed

  • UI Design

    hashgraph-online/awesome-codex-plugins

    Design, build, or improve web and mobile interfaces using real product examples from UIZZE’s 800,000+ web and iOS screens.

    1.3k GitHub stars~904 tokensUpdated yesterday
    Frontend & DesignAuto-check passed

  • SwiftUI Design Skill

    Wholiver/swiftui-design-skill

    Guides the agent to design distinctive SwiftUI interfaces for iOS and macOS, with six anti-generic rules, a design direction workflow and a five-dimension review.

    204 GitHub stars~2.8k tokensUpdated 5 mo ago
    MobileAuto-check passed

More from davepoon/buildwithclaude

All 247 skills in this repo

  • iOS Hig Design Guide

    davepoon/buildwithclaude

    Build, update, and apply iOS design specifications using Apple Human Interface Guidelines (HIG) source data.

    3.6k GitHub stars~735 tokensUpdated today
    Auto-check passed

  • Video Downloader

    davepoon/buildwithclaude

    Download YouTube videos with customizable quality and format options.

    3.6k GitHub starsUsed in 1 repo~871 tokens
    Auto-check passed

  • Qwen Vision

    davepoon/buildwithclaude

    A skill your agent uses when the user asks to "analyze video", "watch this video", "what happens in this video", "describe this clip", "review this footage", "classify these videos", "compare…

    3.6k GitHub stars~1.2k tokensUpdated today
    Auto-check passed

  • Atlas Cloud Media

    davepoon/buildwithclaude

    Discover Atlas Cloud image and video models, inspect their live schemas, and submit one confirmed media generation request with bounded GET polling.

    3.6k GitHub stars~852 tokensUpdated today
    Auto-check passed

  • Browser Extension Launch

    davepoon/buildwithclaude

    面向没有编程经验的用户，把想法做成可试用的浏览器插件，并完成检查、商店材料、审核提交和上线验证；也用于继续已有插件、排错和发布新版。用户说“帮我做个插件”“把插件上架”“继续我的插件”时使用。普通网站开发、仅查询插件知识不触发。

    3.6k GitHub stars~1.5k tokensUpdated today
    Auto-check passed

  • Slack Gif Creator

    davepoon/buildwithclaude

    Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives.

    3.6k GitHub starsUsed in 12 repos~4.3k tokens
    Auto-check passed

Works with

Categories

Questions about Anti UI Slop

What does Anti UI Slop do?

Stop coding agents from shipping generic UI. An agent skill from davepoon/buildwithclaude. Anti UI Slop is an agent skill from davepoon/buildwithclaude. Stop coding agents from shipping generic UI.

When should I use Anti UI Slop?

Anti UI Slop fits situations like: pre-ship review in Codex; other coding agents.

How do I install Anti UI Slop in Claude Code?

Run `npx skills add davepoon/buildwithclaude --skill anti-ui-slop -a claude-code`. Or copy the skill folder (plugins/all-skills/skills/anti-ui-slop in davepoon/buildwithclaude) into .claude/skills/anti-ui-slop in your project. Claude Code loads it when a task matches its description.

How do I install Anti UI Slop in Codex?

Run `npx skills add davepoon/buildwithclaude --skill anti-ui-slop -a codex`. Or copy the skill folder (plugins/all-skills/skills/anti-ui-slop in davepoon/buildwithclaude) into .agents/skills/anti-ui-slop in your project. Codex loads it when a task matches its description.

Can I use Anti UI Slop in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add davepoon/buildwithclaude --skill anti-ui-slop -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/anti-ui-slop, .gemini/skills/anti-ui-slop, .github/skills/anti-ui-slop and .opencode/skills/anti-ui-slop in your project.

What does Anti UI Slop need to run?

Going by SKILL.md and its folder, Anti UI Slop needs the command-line tools its instructions call (npx). Our summary lists: Node.js.

Does Anti UI Slop access the network?

SKILL.md names 2 domains. In commands or code: uizze.com; the agent is likely to contact it when it follows the instructions. As links in the text: github.com. This is read from the text; nothing was executed.

Is Anti UI Slop safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Anti UI Slop use?

Anti UI Slop is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Anti UI Slop use?

About 855 tokens (SKILL.md is roughly 3.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Anti UI Slop?

Skills that share tags, products or a category with Anti UI Slop: Penpot Uiux Design (github/awesome-copilot, 40k stars), Omh Apple Design (rlaope/oh-my-hermes, 3.3k stars), Gesture Patterns (Owl-Listener/designer-skills, 2.9k stars) and App UI Design (majiayu000/spellbook, 287 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Anti UI Slop?

davepoon (a GitHub user) maintains it in davepoon/buildwithclaude, which has 3,610 GitHub stars. The repository holds 247 skills in this directory. The repository was last updated on October 9, 2026.

Source: davepoon/buildwithclaude on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.