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 ★
  • Qiaomu Design — 偏执型设计顾问:反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill Opinionated design advisor for Claude Code: anti-gener 513 ★
  • Agentpet — A desktop pet for macOS & Windows that monitors your AI coding agents (Claude Code, Codex, Cursor, Gemini 334 ★

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