antislop-ui

Detects and corrects generic AI-generated UI patterns in web interfaces.

Updated Jul 2, 2026
One-click install
npx skills add https://github.com/daxrpm/epn-tracker --skill antislop-ui-daxrpm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: antislop-ui
Source: https://github.com/daxrpm/epn-tracker/tree/main/.claude/skills/antislop-ui
Command: npx skills add https://github.com/daxrpm/epn-tracker --skill antislop-ui-daxrpm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI coding agents produce interfaces full of recognizable defaults: blue-purple gradients, glassmorphism everywhere, bento grids, fake terminal windows, and invented dashboard metrics. This Skill gives the agent a concrete rulebook of these anti-patterns so UI work reads as designed, not generated. ## Core Features & Use Cases - Anti-pattern catalog: Dozens of UI tells across color, layout, decoration, structure, dashboards, and motion, each with a Tell / Why / Fix entry tied to a numbered core rule. - App and dashboard coverage: Dedicated patterns for signed-in screens, including default dashboard shells, invented stat cards, filler activity feeds, and placeholder empty states. - UI Skill Checklist: A yes/no checklist run alongside the core Delivery Gate before shipping any interface work. - Use Case: While building a landing page or admin panel with an AI agent, load this Skill so the agent avoids template layouts, fabricated data, and decorative emoji, and justifies every color, icon, and animation choice. ## Quick Start Load the antislop-ui skill together with the antislop core file whenever you ask the agent to build or edit any web interface.

Frequently Asked Questions about antislop-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I stop AI-generated UIs from looking generic?▼

Load this Skill alongside the antislop core file whenever the agent builds or edits an interface. It flags default patterns like blue-purple gradients, bento grids, and glassmorphism, and requires each visual choice to have a written reason tied to the product's brand.

What UI anti-patterns does this skill detect?▼

It covers color issues like generic gradients and excessive glow, layout tells like template heroes and bento grids, decorative slop like emoji and fake terminal windows, and dashboard problems like invented stat cards and filler activity feeds.

Does this skill work for dashboards and admin panels?▼

Yes, it has a dedicated App & Dashboard section covering default sidebar shells, stat cards with invented numbers, charts without a question, generic table columns, and placeholder empty states. Each pattern maps to the same core rules as the landing-page patterns.

Can I use this skill without the antislop core file?▼

No, it is designed to load together with the antislop core, which holds the purpose test, the three tiers, and the Delivery Gate. This Skill only adds UI-specific depth and references core rules by number without duplicating them.

When should I not apply these UI rules?▼

The rules are defaults, not absolute bans: a gradient, dark theme, or bento grid is acceptable when there is a written reason tied to brand identity or content structure. The Skill forbids unexamined defaults, not deliberate design decisions.