amvcp-tokens-anti-slop

Validate design tokens and HTML against banned colors, fonts, and visual patterns.

Updated May 8, 2026
One-click install
npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-tokens-anti-slop
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: amvcp-tokens-anti-slop
Source: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/tree/main/skills/amvcp-tokens-anti-slop
Command: npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-tokens-anti-slop

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill prevents AI-like visual “slop” by enforcing strict bans on certain colors, primary fonts, and visual patterns in token sets and emitted HTML, catching issues before they reach users.

Core Features & Use Cases

  • Token-set auditing: Lint a parsed DESIGN.md/theme token map or a flat token map to detect banned colors (near-match AI purple cluster and exact pure black/white), banned primary fonts, and banned visual patterns.
  • Artifact auditing: Scan generated HTML strings for banned colors, font stacks, and pattern usage like gradient backgrounds and double drop-shadows.
  • In-browser DOM auditing: Walk a rendered page, compute styles, and stamp offenders with data-vc-slop-alert so reviewers can immediately see what must be fixed.

Use cases: auditing a newly generated preset, validating an authored token palette, reviewing an HTML artifact before release, and running a live “slop check” during development.

Quick Start

Ask the agent to run an anti-slop audit by executing amvcpTokens.lintHtml on your generated HTML and fixing any violations until the result is ok.

Frequently Asked Questions about amvcp-tokens-anti-slop

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I detect banned AI purple colors in design tokens before shipping?▼

To detect banned AI purple colors in design tokens, you can lint parsed token maps or DESIGN.md files against an anti-slop rule set. The lint identifies near-match AI purple, violet, and indigo colors, treating any non-ok result as a hard error that blocks shipping.

How do I lint generated HTML for prohibited visual patterns like gradient backgrounds?▼

You can lint generated HTML for prohibited visual patterns by scanning static HTML strings to detect gradient backgrounds and double drop-shadows. The audit flags these banned patterns along with banned colors and font stacks, returning a fail-fast error if violations are found.

What is an anti-slop audit for UI consistency?▼

An anti-slop audit for UI consistency is a validation process that enforces strict bans on specific AI-like visual patterns, pure black and white colors, and banned primary fonts in token sets and emitted HTML. It catches these visual issues before they reach users.

Can I check rendered DOM computed styles for banned primary font families during development?▼

Yes, you can check rendered DOM computed styles for banned primary font families during development. The in-browser DOM auditing feature walks a rendered page, computes styles, and stamps offenders with data-vc-slop-alert attributes for immediate visual review.

Does the anti-slop lint work with flat token maps and parsed DESIGN.md files?▼

Yes, the anti-slop lint works with both flat token maps and parsed DESIGN.md files. Token-set auditing detects banned colors, banned primary fonts as first-family only, and banned visual patterns across these token sources.

Why does my design token validation fail-fast and block shipping on non-ok results?▼

Your design token validation fails-fast and blocks shipping on non-ok results because the anti-slop lint enforces strict behavior where any non-ok result is treated as a hard error. This prevents AI-like visual slop from reaching production environments.