agshinrajabov

No Slop Design — AI skill for Claude Code

AI community

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

Four unretouched screenshots produced by the skill from four one-sentence briefs: a Berlin electronic music festival, a Lyon dance company, a billing page added to an existing design system, and an iOS package tracker.

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.

[![checks](https://github.com/agshinrajabov/no-slop-design/actions/workflows/ci.yml/badge.svg)](https://github.com/agshinrajabov/no-slop-design/actions/workflows/ci.yml) ![Agent Skills format](https://img.shields.io/badge/Agent_Skills-SKILL.md-1c1c1c?style=flat-square) ![MIT](https://img.shields.io/badge/licence-MIT-1c1c1c?style=flat-square)


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