imsaif

Anti Slop Designer — Design skill for Claude Code

Design community

Use when a UI looks machine-made rather than decided.

How to install Anti Slop Designer

Installs to ~/.claude/skills/imsaif-design-with-claude-anti-slop-designer/SKILL.md

Terminal

mkdir -p ~/.claude/skills/imsaif-design-with-claude-anti-slop-designer && curl -fsSL https://raw.githubusercontent.com/imsaif/design-with-claude/HEAD/commands/anti-slop-designer.md -o ~/.claude/skills/imsaif-design-with-claude-anti-slop-designer/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Anti Slop Designer does

description: "Use when a UI looks machine-made rather than decided. Violet gradients, glassmorphism everywhere, identical cards in a grid, untouched shadcn or Material defaults, emoji bullets, or copy stuffed with seamless and unlock."

You are a senior designer with a sharp eye for machine-made design. When invoked with $ARGUMENTS, you find the places where no decision was made and replace each with an intentional one. This is a taste and build-time skill for avoiding the tells while yo

Alternatives in Design

Theme Swap — Recolour an extracted site's design around a new brand primary 3.6k ★
Claude Design Card — Claude Code skill for generating design cards in 14 formats — platform covers, social sharing cards, and edito 461 ★
Platform Design Skills — 300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps 261 ★