Avoid AI Design
Revider og omskriv frontend UI for å fjerne generiske AI-designkjennetegn
Bestått
Hva den gjør
En frontend design-gjennomgangsferdighet som reviderer HTML/CSS og React/Tailwind/shadcn for mønstrene som får et UI til å se AI-generert ut, og deretter omskriver rundt én forpliktet estetisk retning. Utløses av 'de-slop this UI', 'make this look less AI-generated', eller 'audit for AI design tells'. Leverer en 40-pluss-kjennetegn-katalog med P0/P1/P2 alvorlighetsgrad pluss en kun-deteksjonsmodus og en beskyttelse mot andreordens standarder.
Testrapport
Testet på en AI-slop-helt (indigo-til-fiolett gradient, gradient-clip overskrift, glassmorphism, Inter, emoji, 'Elevate Your Workflow', pil CTA): den medfølgende 40-pluss-kjennetegn-katalogen lot den flagge ti merkede problemer med P0/P1 alvorlighetsgrad, og tvang deretter en forpliktelse til én navngitt estetisk retning. Dens eksplisitte beskyttelse mot 'andreordens standarder' som Space Grotesk og varme-papir serif forhindrer nøyaktig den fellen baseline uten ferdighet falt i, som fanget omtrent fire kjennetegn uformelt og grep etter en generisk erstatning. Referansekatalogen er uvanlig rigorøs, og siterer en Playwright-studie av ~1400 nettsteder med en oppgitt falsk-positiv rate.
Testet på: 2026-07-19 · Claude Code 2.x (agent harness)
Installer
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-designRevider og omskriv frontend UI for å fjerne generiske AI-designkjennetegn
Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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.