Avoid AI Design
Audit og omskriv frontend UI for at fjerne generiske AI-designkendetegn
Testet · Virker
Hvad det gør
En frontend design-review skill, der auditerer HTML/CSS og React/Tailwind/shadcn for de mønstre, der får et UI til at se AI-genereret ud, og derefter omskriver omkring én forpligtet æstetisk retning. Udløses ved 'de-slop this UI', 'make this look less AI-generated' eller 'audit for AI design tells'. Leverer et 40-plus-kendetegn katalog med P0/P1/P2 alvorlighed plus en kun-detekterings-tilstand og en beskyttelse mod andenordens standarder.
Testrapport
Testet på en AI-slop hero (indigo-til-violet gradient, gradient-clip headline, glassmorphism, Inter, emoji, 'Elevate Your Workflow', pil CTA): det medfølgende 40-plus-kendetegn katalog lod den markere ti mærkede problemer med P0/P1 alvorlighed, og tvang derefter en forpligtelse til én navngiven æstetisk retning. Dens eksplicitte beskyttelse mod 'andenordens standarder' som Space Grotesk og warm-paper serif forhindrer præcis den fælde, som no-skill baselinen faldt i, som uformelt fangede omkring fire kendetegn og greb efter en generisk erstatning. Referencekataloget er usædvanligt stringent, idet det citerer en Playwright-undersøgelse af ~1.400 sites med en angivet falsk-positiv rate.
Testet: 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
Kommandoer og eksempelprompter
/avoid-ai-designAudit og omskriv frontend UI for at fjerne generiske AI-designkendetegn
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
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.