Avoid AI Design

Prüft und schreibt Frontend-`UI` um, um generische `AI`-Designmerkmale zu entfernen

von funboy322 · funboy322/avoid-ai-design

Getestet · Funktioniert ★ 9.2/10

Avoid AI Design — Prüft und schreibt Frontend-`UI` um, um generische `AI`-Designmerkmale zu entfernen

Was es kann

Ein Frontend-Design-Review-Skill, der `HTML`/`CSS` und `React`/`Tailwind`/`shadcn` auf Muster prüft, die eine `UI` `AI`-generiert aussehen lassen, und dann um eine festgelegte ästhetische Richtung herum umschreibt. Wird ausgelöst bei 'de-slop this `UI`', 'make this look less `AI`-generated' oder 'audit for `AI` design tells'. Liefert einen über 40 Merkmale umfassenden Katalog mit `P0`/`P1`/`P2`-Schweregrad sowie einen Nur-Erkennungsmodus und einen Schutz vor Zweitrang-Standardeinstellungen.

Testbericht

Getestet an einem `AI-slop`-Hero (`indigo-to-violet` Gradient, `gradient-clip` Überschrift, `glassmorphism`, `Inter`, Emoji, 'Elevate Your Workflow', Pfeil-`CTA`): Der gebündelte über 40 Merkmale umfassende Katalog ermöglichte es, zehn markierte Probleme mit `P0`/`P1`-Schweregrad zu kennzeichnen, und erzwang dann eine Verpflichtung zu einer benannten ästhetischen Richtung. Sein expliziter Schutz gegen 'second-order defaults' wie `Space Grotesk` und `warm-paper` Serif verhindert genau die Falle, in die die Baseline ohne Skill tappte, die informell etwa vier Merkmale erkannte und nach einem generischen Ersatz griff. Der Referenzkatalog ist ungewöhnlich rigoros und zitiert eine `Playwright`-Studie von `~1.400` Websites mit einer angegebenen Falsch-Positiv-Rate.

Getestet am: 2026-07-19 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/funboy322/avoid-ai-design
mkdir -p ~/.claude/skills
cp -r avoid-ai-design ~/.claude/skills/avoid-ai-design

Befehle & Beispiel-Prompts

  • /avoid-ai-designPrüft und schreibt Frontend-`UI` um, um generische `AI`-Designmerkmale zu entfernen

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • De-slop this hero section, it looks way too AI-generated.
  • Audit this component for AI design tells and fix them.
  • Make this landing page look less like generic AI-generated design.