Redesign an existing UI without breaking it: declare a mode (greenfield / preserve / overhaul), audit the current surface before any edit, apply modernisation levers in priority order, and never…

MITAuto-check passedWriting & Content

Install Anti Slop Redesign

skills CLI
$ npx skills add BlackBeltTechnology/pi-agent-dashboard --skill anti-slop-redesign -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install BlackBeltTechnology/pi-agent-dashboard anti-slop-redesign --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/BlackBeltTechnology/pi-agent-dashboard.git skills-src && mkdir -p .claude/skills && cp -r skills-src/packages/anti-slop/.pi/skills/anti-slop-redesign .claude/skills/anti-slop-redesign && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
anti-slop-redesign
GitHub stars
315
Token cost
~1.4k tokens
SKILL.md length
707 words
Files
1
Skills in repo
70
Repo updated
First seen
Licence
MIT

At a glance

Redesign an existing UI without breaking it: declare a mode (greenfield / preserve / overhaul), audit the current surface before any edit, apply modernisation levers in priority order, and never…

  • Works in 4 steps: Declare the mode (before any edit) → Audit before edit → Levers in priority order → …
  • Tasks that involve Humanizing AI text
  • SKILL.md covers When to Use, Procedure, Never change silently and Rules, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Anti Slop Redesign is an agent skill from BlackBeltTechnology/pi-agent-dashboard. Redesign an existing UI without breaking it: declare a mode (greenfield / preserve / overhaul), audit the current surface before any edit, apply modernisation levers in priority order, and never silently change routes, nav labels, form fields, shortcuts or data-testid hooks. Triggers: "redesign this page", "modernise this UI", "refresh the look", "mockup an existing surface".

Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Writing & Content, covering Humanizing AI text. The repository describes itself as: Real-time web dashboard for pi coding-agent sessions. Multi-session view, live chat mirroring, integrated terminal, diff viewer, pi-flows execution, and mobile-first remote… The licence is MIT.

When your agent uses it

  • Tasks that involve Humanizing AI text

Example prompts

  • “redesign this page”
  • “modernise this UI”
  • “refresh the look”
  • “/anti-slop-redesign”

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Declare the mode (before any edit)
  2. Audit before edit
  3. Levers in priority order
  4. Verify the protected list

What it can do on your machine

Read from SKILL.md and the folder at commit 7a2d171. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Anti Slop Redesign loads about 1.4k tokens when it runs. Until then it costs about 99 tokens; SKILL.md has 707 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~99
When it runs · the whole SKILL.md, loaded when a task matches
~1.4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from BlackBeltTechnology/pi-agent-dashboard at commit 7a2d171, republished under its MIT licence (© BlackBeltTechnology). 707 words, ~1,403 tokens.

Download SKILL.mdSave it as .claude/skills/anti-slop-redesign/SKILL.md (or your agent's skills folder).
name
anti-slop-redesign
description
Redesign an existing UI without breaking it: declare a mode (greenfield / preserve / overhaul), audit the current surface before any edit, apply modernisation levers in priority order, and never silently change routes, nav labels, form fields, shortcuts or data-testid hooks. Triggers: "redesign this page", "modernise this UI", "refresh the look", "mockup an existing surface".
license
MIT
metadata.author
blackbelt-technology
metadata.version
0.1
metadata.adapted_from
Leonxlnx/taste-skill@18dfc92 (taste-skill §11 redesign protocol + redesign-skill / redesign-existing-projects, MIT). Section map…

anti-slop-redesign

Most UI work changes a surface that already ships. Misclassifying the mode is the biggest source of bad redesign output: a "refresh" that renames routes, breaks e2e selectors and drops keyboard shortcuts is a regression, however good it looks. This skill makes the mode, the audit and the protected list explicit before anything is touched.

Authority: advisory. Findings feed the frontend-mockup-loop FIX step and never override a WCAG-AA or severity gate. When a recommendation conflicts with a gate result, the gate result stands and the recommendation is recorded as overridden. The tell catalog itself lives in anti-slop-frontend; this skill decides what may change and in which order.

When to Use

  • A request to redesign, modernise, refresh or de-template an existing surface.
  • Before frontend-mockup-loop MOCKUP on any surface that already ships.
  • Not for a site with no shipped design: that is new-site → greenfield.

Procedure

1. Declare the mode (before any edit)

State the anti-slop-frontend Design Read, then one of three modes:

ModeMeans
greenfieldno existing design, or a full rebuild was explicitly approved
preservemodernise without breaking brand, IA, copy voice or hooks
overhaulnew visual language on the existing content and IA

Defaults per surface profile:

ProfileDefault mode
product-uipreserve
marketingpreserve
new-sitegreenfield
  • overhaul requires explicit user confirmation before proceeding. Ask once (ask_user when available); without a yes, stay in preserve.
  • Pick overhaul only when the visual debt is structural (no design system, broken mobile, broken IA). Sound IA and content → preserve.
2. Audit before edit

Produce the audit before touching any file. A redesign whose first artifact is a diff fails Verification.

  • Screenshot of the current surface (both modes if the project ships both).
  • Brand tokens in use: colour tokens, type stack, radius scale, logo.
  • Tells found: run the anti-slop-frontend checklist for the declared profile; list each hit with its rule id (A3, B2, ...).
  • Missing states: loading / empty / error that do not exist yet.
  • Protected inventory: list the items from "Never change silently" that the surface contains (routes, nav labels, field names, shortcuts, data-testid values).
  • Dial reading of the existing surface. That is the starting point, not a baseline.
3. Levers in priority order

Apply in order; stop as soon as the brief is satisfied. Each lever is a separate, reviewable step.

  1. Typography - family, scale, weight hierarchy. Biggest lift per risk.
  2. Colour - unify neutrals, one accent, tokens only (anti-slop-frontend A1, T1).
  3. Spacing and rhythm - consistent scale, section padding, max-width.
  4. States - hover / active / focus, then loading / empty / error.
  5. Motion - only motivated motion at the declared MOTION dial (A7).
  6. Layout - recompose a section only when levers 1-5 cannot fix it; full block replacement only for an unsalvageable block.

In preserve, levers 1-4 are the default scope; 5-6 need a reason in the audit.

Show full SKILL.md (245 more words)Show less
4. Verify the protected list

Diff the result against the protected inventory from step 2. Every changed protected item must be listed and confirmed (see below), or reverted.

Never change silently

In preserve and overhaul, these do not change unless the change is listed explicitly and the user confirms it:

  • routes / URLs and anchor ids
  • nav labels
  • form field names (and their order)
  • brand wordmark and logo
  • legal copy (consent, cookie, terms)
  • keyboard shortcuts
  • data-testid attributes (e2e suites select on them)

Also preserve, unless asked: copy voice, existing accessibility wins (focus states, alt text, keyboard nav, contrast), and analytics event names.

Rules

  • Work with the existing stack. No framework or styling-library migration.
  • Check the dependency file before importing anything new.
  • Do not break existing behaviour; run the project's tests after each lever.
  • Small, reviewable changes over one big rewrite.

Pitfalls

  • Do NOT start editing before the mode and audit exist.
  • Do NOT treat "make it modern" as approval for overhaul.
  • Do NOT rename a data-testid to match a new component name; the e2e suite breaks silently in CI, not locally.
  • Do NOT use a tell from the audit to justify violating a WCAG-AA gate.

Verification

  • A mode was declared before the first edit; overhaul has a recorded confirmation.
  • The audit (screenshot, tokens, tells, missing states, protected inventory) predates the first diff.
  • Levers were applied in priority order; skipped levers are named.
  • Every protected item that changed is listed with its confirmation; all others are byte-identical.

© BlackBeltTechnology, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in packages/anti-slop/.pi/skills/anti-slop-redesign of BlackBeltTechnology/pi-agent-dashboard.

Open the folder on GitHubat commit 7a2d171

Compare with similar skills

Anti Slop Redesign next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Anti Slop Redesign compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Anti Slop Redesign this skillBlackBeltTechnology/pi-agent-dashboard315—~1.4kAutomated safety check: PassMIT
HumanizerAzure-Samples/interview-coach-agent-framework17338 repos~5.8kAutomated safety check: PassMIT
Avoid AI Writingconorbronsdon/avoid-ai-writing4.9k3 repos~8.1kAutomated safety check: PassMIT
User-Facing Text Cleanupguillaumemeyer/watermarks-remover24k—~3.5kAutomated safety check: PassMIT
Install Anti Sloptrycompai/crm11k1 repos~881Automated safety check: PassMIT
Stop SlopXe/site7328 repos~423Automated safety check: PassMIT

Similar skills

  • Humanizer

    Azure-Samples/interview-coach-agent-framework

    Official

    Remove signs of AI-generated writing from text. An agent skill from Azure-Samples/interview-coach-agent-framework.

    173 GitHub starsUsed in 38 repos~5.8k tokens
    Writing & ContentAuto-check passed
  • Avoid AI Writing

    conorbronsdon/avoid-ai-writing

    Audit and rewrite content to remove AI writing patterns ("AI-isms").

    4.9k GitHub starsUsed in 3 repos~8.1k tokens
    Writing & ContentAuto-check passed
  • User-Facing Text Cleanup

    guillaumemeyer/watermarks-remover

    Audits prose for invisible Unicode characters and rewrites it while keeping facts, citations, code and required disclosures unchanged and the writer's voice intact.

    24k GitHub stars~3.5k tokensUpdated 2 days ago
    Writing & ContentAuto-check passed
  • Install Anti Slop

    trycompai/crm

    Install and configure the anti-slop Oxlint plugin in a local TypeScript or JavaScript repository.

    11k GitHub starsUsed in 1 repo~881 tokens
    Writing & ContentAuto-check passed
  • Stop Slop

    Xe/site

    Remove AI writing patterns from prose. An agent skill from Xe/site.

    732 GitHub starsUsed in 8 repos~423 tokens
    Writing & ContentAuto-check passed
  • Chinese Text Humanizer

    op7418/Humanizer-zh

    Edits Chinese articles, comments and documents to remove filler, repetition and template phrasing while keeping the facts, the level of certainty and the author's voice.

    19k GitHub stars~2k tokensUpdated 18 days ago
    Writing & ContentAuto-check passed

More from BlackBeltTechnology/pi-agent-dashboard

All 70 skills in this repo
  • Browser

    BlackBeltTechnology/pi-agent-dashboard

    Browser automation via the agent-browser CLI. An agent skill from BlackBeltTechnology/pi-agent-dashboard.

    316 GitHub stars~2k tokensUpdated today
    Auto-check passed
  • CI Troubleshoot

    BlackBeltTechnology/pi-agent-dashboard

    Diagnose failed GitHub Actions runs for pi-agent-dashboard: the 11-file workflow taxonomy, affected-test selection, the release pipeline, known failure modes, and how to read gh run logs and…

    316 GitHub stars~3.5k tokensUpdated today
    Auto-check passed
  • Debug Dashboard

    BlackBeltTechnology/pi-agent-dashboard

    Diagnose problems in the running pi-agent-dashboard system: server.log, /api/health, bridge WebSocket connectivity, vitest triage, known-issue FAQ entries.

    316 GitHub stars~1.6k tokensUpdated today
    Auto-check passed
  • Implement

    BlackBeltTechnology/pi-agent-dashboard

    Disciplined implementation in pi-agent-dashboard: the rebuild matrix (extension→reload, server→restart, client→build+restart, openspec-apply→full rebuild) plus the project's code discipline rules.

    316 GitHub stars~2k tokensUpdated today
    Auto-check passed
  • Pi Dashboard

    BlackBeltTechnology/pi-agent-dashboard

    Monitor and control the pi-dashboard server. An agent skill from BlackBeltTechnology/pi-agent-dashboard.

    316 GitHub stars~2.2k tokensUpdated today
    Auto-check passed
  • Session To Guideline

    BlackBeltTechnology/pi-agent-dashboard

    Turn a pi session into a Markdown "how-we-did-it" collaboration guideline: reads the session's JSONL transcript and synthesizes a reusable playbook of which prompts worked, what had to be steered…

    316 GitHub stars~3.2k tokensUpdated today
    Auto-check passed

Questions about Anti Slop Redesign

What does Anti Slop Redesign do?

Redesign an existing UI without breaking it: declare a mode (greenfield / preserve / overhaul), audit the current surface before any edit, apply modernisation levers in priority order, and never…. Anti Slop Redesign is an agent skill from BlackBeltTechnology/pi-agent-dashboard. Redesign an existing UI without breaking it: declare a mode (greenfield / preserve / overhaul), audit the current surface before any edit, apply modernisation levers in priority order, and never silently change routes, nav labels, form fields, shortcuts or data-testid hooks.

When should I use Anti Slop Redesign?

Anti Slop Redesign fits situations like: tasks that involve Humanizing AI text.

How do I install Anti Slop Redesign in Claude Code?

Run `npx skills add BlackBeltTechnology/pi-agent-dashboard --skill anti-slop-redesign -a claude-code`. Or copy the skill folder (packages/anti-slop/.pi/skills/anti-slop-redesign in BlackBeltTechnology/pi-agent-dashboard) into .claude/skills/anti-slop-redesign in your project. Claude Code loads it when a task matches its description.

How do I install Anti Slop Redesign in Codex?

Run `npx skills add BlackBeltTechnology/pi-agent-dashboard --skill anti-slop-redesign -a codex`. Or copy the skill folder (packages/anti-slop/.pi/skills/anti-slop-redesign in BlackBeltTechnology/pi-agent-dashboard) into .agents/skills/anti-slop-redesign in your project. Codex loads it when a task matches its description.

Can I use Anti Slop Redesign in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add BlackBeltTechnology/pi-agent-dashboard --skill anti-slop-redesign -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/anti-slop-redesign, .gemini/skills/anti-slop-redesign, .github/skills/anti-slop-redesign and .opencode/skills/anti-slop-redesign in your project.

What does Anti Slop Redesign need to run?

SKILL.md names no scripts, command-line tools or credentials: Anti Slop Redesign is instructions for the agent only.

Does Anti Slop Redesign access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Anti Slop Redesign safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Anti Slop Redesign use?

Anti Slop Redesign is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Anti Slop Redesign use?

About 1.4k tokens (SKILL.md is roughly 5.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Anti Slop Redesign?

Skills that share tags, products or a category with Anti Slop Redesign: Humanizer (Azure-Samples/interview-coach-agent-framework, 173 stars), Avoid AI Writing (conorbronsdon/avoid-ai-writing, 4.9k stars), User-Facing Text Cleanup (guillaumemeyer/watermarks-remover, 24k stars) and Install Anti Slop (trycompai/crm, 11k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Anti Slop Redesign?

BlackBeltTechnology (a GitHub organization) maintains it in BlackBeltTechnology/pi-agent-dashboard, which has 315 GitHub stars. The repository holds 70 skills in this directory. The repository was last updated on October 10, 2026.

Source: BlackBeltTechnology/pi-agent-dashboard on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.