No Slop Design — AI skill for Claude Code
A design skill for coding agents: research, a real moodboard, design tokens and platform rules — so the output does not read as AI-generated.
How to install No Slop Design
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open agshinrajabov/no-slop-design and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What No Slop Design does
A design skill for coding agents: research, a real moodboard, design tokens and platform rules — so the output does not read as AI-generated.
Alternatives in AI
- Manifest — Real-time cost observability for OpenClaw agents — track tokens, costs, messages, and model usage 4.1k ★
- Agentpet — A desktop pet for macOS & Windows that monitors your AI coding agents (Claude Code, Codex, Cursor, Gemini 334 ★
- ClaudeCodeStatusLine — Custom status line for Claude Code showing model, tokens, rate limits, and git info in real-time 333 ★
README
no-slop-design
A design skill for coding agents. It researches before it draws, builds a direction from real references, works in design tokens, respects the platform it ships on, and refuses to hand you the generic AI-generated look.
Works in Claude Code as a skill or a plugin, and in any agent that reads the [Agent Skills](https://agentskills.io) `SKILL.md` format — Codex, Cursor, Copilot, OpenClaw.
[](https://github.com/agshinrajabov/no-slop-design/actions/workflows/ci.yml)  
The problem it solves
Slop is not a style. It is what happens when a visual decision is **not made**: the default font, the purple gradient, the three icon cards, the fade-up on every section, the "Unlock the power of…" headline. Models converge on the median of every Tailwind tutorial ever scraped, so four different businesses come back as the same page.
Every decision in this skill answers one question:
**Was this chosen, or did it happen?**
If you cannot name the brand attribute, the content type, or the user need behind a choice, it is slop, and it gets replaced by a decision. That applies to the over-corrections too — brutalism for no reason, mono everywhere, an editorial serif costume, a page of restrained tables with no imagery. Those are just the second wave.
Install
claude plugin marketplace add agshinrajabov/no-slop-desig
Related Skills
Redesign Slop
Read CLAUDE.md in this repo — specifically the AI Slop Checklist in the Design Rules section.
Dezin
A local-first, tasteful design generator. Describe what you want; your own coding-agent CLI (Claude Code, Code
Before After
Before/after comparison — show exactly how AI-generated slop transforms into production-quality UI. Visual pro
Daangn Seed AI
Claude Code skill — AI-first snapshot of Karrot's Seed design system. Decision matrices + anti-patterns + self
Onchain Narrative Research Skill
AI coding agent skill for crypto onchain research: verify wallets, trace narratives, and design alert rules
Agenttalkie
One voice workspace to create documents in Ambiguous AI, research with Exa, and launch Codex and Claude Code t
Related Agents
Dieter
Dieter — UI/UX Designer. Owns docs/DESIGN.md, design tokens (src/index.css), prototypes, microcopy, accessibil
Research Scout
Read-only web research agent. Scans design communities for AI-generated design complaints. Tracks v0, Lovable,
Design Md Consumer
Load when the user's project ships a design contract — a .design file (schema design.v1) or a DESIGN.md (the G