Skip to content
mcp/skillhub

Agent Skill

Anti Slop Design skill

anti-slop-designsickn33/agentic-awesome-skillsplugins/agentic-awesome-skills-claude/skills/anti-slop-design/SKILL.md

Autonomous Principal Design Technologist. Cures vibe-coded software from AI frontend slop using curated token archetypes and 7-axis quality gating.

48kMIT

always on

33 tokname + description

once used

6,112 tokSKILL.md body

bundled files

0

repo stars

48kGitHub

Install the Anti Slop Design skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/sickn33/agentic-awesome-skills --skill anti-slop-design

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git /tmp/agentic-awesome-skills
mkdir -p ~/.claude/skills
cp -R /tmp/agentic-awesome-skills/plugins/agentic-awesome-skills-claude/skills/anti-slop-design ~/.claude/skills/anti-slop-design

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description33 tok
When the agent uses itThe SKILL.md instructions6,112 tok
Only if openedNo bundled files—

Until it is used, anti-slop-design costs about 41× less than the median MCP server we measured (1,362 tokens on every turn). Installing all 150 skills from sickn33/agentic-awesome-skills would load 5,255 tokens of descriptions. Skills vs MCP study

Checks

  • The instructions are over 5,000 tokens, the Agent Skills specification's guideline for SKILL.md.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • Anti-Slop Design
  • Overview
  • When to Use This Skill
  • Anti-Slop Design: The Human-Grade UI/UX Engineering Skill
  • 1. Trigger Protocol & Agent Persona
  • When to Activate This Skill
  • Autonomous Agent Mindset
  • 2. The Anti-Slop Banned Matrix (Strictly Prohibited AI Tropes)
  • 3. Core UX Axioms: The Commercial Speed & Logic Engine
  • Axiom 1: The "1-to-3" Rule (Triangle of Focus)
  • Axiom 2: The 85% Statistical Prioritization Law
  • Axiom 3: The Strict Ban on Duplication
  • Axiom 4: Mobile Linearity on Desktop
  • 4. The 8 Cures for Vibe-Coded UI (Google AI Studio Evolution)
  • Cure 1: Visual DNA Ingestion & Style Extraction
  • Cure 2: Bespoke Production Asset Architecture
  • Cure 3: Contextual Asset Differentiation (Physical vs. Digital)
  • Cure 4: Typographic Mastery & Optical Scales
  • Cure 5: Deterministic Design Variations (Archetype Selector)
  • Cure 6: Direct Spacing Alignment & Micro-Geometry
  • Cure 7: Cognitive Noise De-Cluttering (The Annotation Pass)
  • Cure 8: Systematic Scaffolding (Battle-Tested UI Layouts)
  • 5. Micro-Interactions & The 8-State Interactive Feedback System
  • The Emil Kowalski Animation Decision Matrix

More skills from sickn33/agentic-awesome-skills

All skills in this repo
  1. 00-andruia-consultantsickn33/agentic-awesome-skills

    Usar al iniciar o mejorar un proyecto de IA: diagnostica código y restricciones, propone skills existentes y redacta tareas y un plan de implementación en español.

    48k40 tok idle · 1,134 in use
  2. 007sickn33/agentic-awesome-skills

    Security audit, hardening, threat modeling (STRIDE/PASTA), Red/Blue Team, OWASP checks, code review, incident response, and infrastructure security for any project.

    48k839 tok idle · 259 in use
  3. 10-andruia-skill-smithsickn33/agentic-awesome-skills

    Usar para crear o mejorar una skill de Andru.ia: define entradas y resultados, redacta SKILL.md con ejemplos y límites, valida la estructura y prepara una PR.

    48k46 tok idle · 907 in use
  4. 20-andruia-niche-intelligencesickn33/agentic-awesome-skills

    Usar tras definir el sector de un proyecto: prepara un dossier en español con contexto, normas aplicables, patrones UX y riesgos, distinguiendo fuentes verificadas de hipótesis.

    48k45 tok idle · 1,264 in use
  5. 2slides-ppt-generatorsickn33/agentic-awesome-skills

    AI-powered presentation generation via the 2slides API — create slides from text, match a reference image style, summarize documents into decks, add AI voice narration, and export pages/audio. Use for any "make slides", "create a deck", or "slides from this document" request.

    48k764 tok idle · 594 in use
  6. 360-feedback-systemsickn33/agentic-awesome-skills

    360 feedback register: reviewer, subject, review cycle, visibility, due date and score, as CSV, SQL, JSON Schema or Notion on request. Use for 360 reviews or peer feedback cycles.

    48k46 tok idle · 4,900 in use
  7. 3d-web-experiencesickn33/agentic-awesome-skills

    Use when building or debugging web 3D scenes, product configurators or portfolios with Three.js, React Three Fiber or Spline; review assets, loading, controls, fallbacks and performance.

    48k45 tok idle · 2,579 in use
  8. aas-compose-stacksickn33/agentic-awesome-skills

    Preserve the coding agent's explicit AAS skill selection as a validated stack and optional evidence.

    48k22 tok idle · 468 in use