Anti-Slop Frontend

by BlackBeltTechnology

Anti-Slop Frontend is a Frontend skill for Claude Code, published by BlackBeltTechnology in pi-agent-dashboard.

267 stars38 forkson BlackBeltTechnology/pi-agent-dashboardAdded 2026/09/01+4% in starsRepository updated 2026/09/01

View source on GitHub Download repo ZIP

agentagent-frameworkagent-orchestrationagent-skillsagenticagentic-aiagentic-workflowagentsknowledge-baseknowledgebasepi

Install in seconds

Install Anti-Slop Frontend

Copy Anti-Slop Frontend into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/BlackBeltTechnology/pi-agent-dashboard/tree/develop/packages/anti-slop/.pi/skills/anti-slop-frontend ~/.claude/skills/anti-slop-frontend

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/BlackBeltTechnology/pi-agent-dashboard.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: packages/anti-slop/.pi/skills/anti-slop-frontend/SKILL.md in BlackBeltTechnology/pi-agent-dashboard
Installs to: ~/.claude/skills/anti-slop-frontend
Collection: One of 5 skills cataloged from this repository
Category: Frontend — 568 skills

What Anti-Slop Frontend does

Anti-Slop Frontend provides a mechanical checklist for spotting common AI-generated frontend tells like purple glows, Inter everywhere, em-dashes, fake screenshots, and generic filler data. Use it when reviewing React, Tailwind, or HTML UI for signs of templated output.

Anti-Slop Frontend is cataloged under Frontend on DirSkills. Anti-Slop Frontend comes from a repository tagged agent, agent-framework, agent-orchestration, agent-skills and agentic.

Documentation

README

Excerpt

anti-slop-frontend

A flat, mechanical checklist of the concrete signatures an undirected model emits when it tries to "look designed." Every rule here is countable or binary - you can mechanically verify pass/fail, not argue taste. That is the whole point: "it looks better" is not a check; "eyebrow count > ceil(sections/3)" is.

What this is, and is NOT

IS an advisory catalog of AI-tells, scoped by surface kind.
IS standalone - works with no tooling, in any React/Tailwind/HTML project.
IS NOT a design philosophy, a loop, or a gate. It scores; it never blocks.

Relationship to `frontend-mockup-loop`

Different jobs, intentionally separate:

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Anti-Slop Frontend

What else does BlackBeltTechnology publish alongside Anti-Slop Frontend?
Anti-Slop Frontend is one of 5 skills that DirSkills catalogs from BlackBeltTechnology/pi-agent-dashboard, the repository it ships in. Its siblings there include Apple Tools, FAQ Mine and KB Search. Each one is a separate skill with its own page in this directory, installs the same way Anti-Slop Frontend does, and is maintained by BlackBeltTechnology in that same repository. The rest of the collection is listed on the BlackBeltTechnology/pi-agent-dashboard page.
How does Anti-Slop Frontend compare to other Frontend skills?
Anti-Slop Frontend ranks #525 by stars among the 568 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Anti-Slop Frontend against them. Open each page to compare what they document and how they install.