← ClaudeAtlas

unsloplisted

Anti-AI-slop design rules for web UI. Use whenever building, styling, restyling, reviewing, or auditing any frontend - landing pages, marketing sites, dashboards, apps, portfolios, or single components - in HTML/CSS/Tailwind/React/Next.js or any web stack. Trigger on "make it look less vibecoded", "less vibecoded", "it looks vibecoded", "make it look good", "design this", "build me a website", "make it not look AI generated", "it looks AI generated", "make it look handmade", or any mention of slop, generic, or template. Replaces default AI output (all-caps eyebrow labels above every heading, the H1-paragraph-two-buttons hero, invented mastheads and metrics, warm-cream-plus-serif-plus-terracotta palettes, indigo gradients, Inter-700, three rounded feature cards, glassmorphism, emoji icons, 240+ overused words) with deliberate, distinctive design. Use it if a page reads like a slide deck or infographic rather than a website.
rxNxkolai/unslop · ★ 1 · Web & Frontend · score 77
Install: claude install-skill rxNxkolai/unslop
# unslop LLMs sample the statistical center of their training data. For web UI that center is one page, and it has moved. It is no longer mainly Inter at 700 over an indigo gradient. Measured 2026-07-25, the current center is a *tasteful* page: warm cream paper, a high-contrast serif, a rust accent, a small tracked all-caps label above every section, and a hero of headline plus one paragraph plus two buttons. It looks considered, which is exactly why it is harder to catch. The older tells (indigo gradient, pill badge over the H1, three feature cards, glassy nav) still appear and are still banned, but they are no longer what a current model reaches for unprompted. Every rule here exists to push output off that center. These are frequency bans, not taste laws: a banned pattern used deliberately, for a stated reason that fits the brief, can pass review. Used by default, it fails. ## Workflow (in order) **1. Pick a direction before writing any code.** "Clean and modern" is not a direction; that phrase IS the default. Choose one and say it out loud with the audience and the page's single job ("editorial print, for coffee nerds, job: make one blend feel collectible"). Take one deliberate aesthetic risk you can justify. | Direction | Feels like | |---|---| | Editorial print | magazine spreads, serif display, hairline rules, generous measure. Watch for placard syndrome here, but do not avoid the direction: it is expressive and that is worth having | | Swiss minimal | grid discip