Unslop Ui
Install when your agent keeps shipping samey purple gradients, emoji chrome, and nested cards so landing pages and dashboards look like Linear or Stripe instead of generic AI slop.
Overview
unslop-ui is a plugin marketplace for the Build phase that registers a UI taste skill so agents avoid common AI-generated frontend anti-patterns.
What is this marketplace?
- Blocks homogenous hue stacks, icon-in-rounded-square filler, emojis as assets, and default serif hero fonts
- Discourages gratuitous glassmorphism, gradient shadows, card-in-card nesting, and slow entrance animations on every elem
- Pushes neutral backgrounds, sans-serif type, whitespace, and flat icons only where they aid comprehension
- References taste anchors: Linear, Vercel, Stripe, Raycast, Arc Browser, Cursor
- One-plugin marketplace with Claude marketplace install plus manual copy paths for Cursor and Codex
- Marketplace bundles 1 plugin: unslop-ui skill
- Skill targets enumerated anti-patterns (color goo, emoji assets, glassmorphism, nested cards, entrance animations)
Community signal: 1 GitHub stars.
What problem does it solve?
Coding agents default to visually noisy, same-looking interfaces—gradients, glass, emoji icons, and nested cards—that make indie SaaS look untrustworthy.
Who is it for?
Solo builders using Claude Code, Cursor, or Codex who ship web frontends frequently and want enforced minimal design taste without hiring a designer for every page.
Skip if: Teams that already enforce a strict design system in Figma with pixel-perfect tokens, or builders working only on headless APIs and CLIs with no UI.
What do I get? / Deliverables
After install, your agent follows explicit UI rules so new screens read clean, neutral, and product-grade instead of generic slop.
- Registered unslop-ui plugin in Claude Code or copied SKILL.md skill tree in the project
- Agent outputs that follow documented anti-pattern and encouragement rules on subsequent UI tasks
Plugins in this marketplace
1 plugin — install individually after you add the marketplace.
Recommended Marketplaces
Journey fit
Canonical shelf is Build because the skill governs how frontend markup and styles are written; it is invoked during implementation rather than at pure discovery or post-launch SEO. Frontend is the exact surface where anti-pattern rules apply—typography, color, layout, motion, and icon usage in UI code.
How it compares
Frontend taste skill in a marketplace, not a component library or Figma plugin.
Common Questions / FAQ
Who is Unslop Ui for?
Indie and solo developers who use AI coding agents on web UIs and want outputs that resemble Linear or Stripe rather than generic template aesthetics.
When should I use Unslop Ui?
Enable it before any agent session where you generate or refactor landing pages, dashboards, or marketing sites in code.
How do I add Unslop Ui to my agent?
Run claude /plugin marketplace add yuwen-lu/Unslop Ui then claude /plugin install Unslop Ui@Unslop Ui, or copy skills/Unslop Ui into .claude/skills, .cursor/skills, or .agents/skills per the README.