Avoid AI Design
Audita e riscrivi l'interfaccia utente frontend per rimuovere i segnali generici di design AI
Promosso
Cosa fa
Una skill di revisione del design frontend che audita HTML/CSS e React/Tailwind/shadcn per i pattern che fanno sembrare un'interfaccia utente generata dall'AI, quindi riscrive attorno a una direzione estetica impegnata. Si attiva su 'de-slop this UI', 'make this look less AI-generated', o 'audit for AI design tells'. Fornisce un catalogo di oltre 40 segnali con gravità P0/P1/P2 più una modalità solo rilevamento e una protezione contro i default di secondo ordine.
Rapporto di test
Testato su un 'AI-slop hero' (sfumatura indaco-violetto, titolo con `gradient-clip`, glassmorfismo, Inter, emoji, 'Elevate Your Workflow', CTA a freccia): il catalogo di oltre 40 segnali incluso ha permesso di segnalare dieci problemi etichettati con gravità P0/P1, quindi ha forzato un impegno verso una direzione estetica nominata. La sua protezione esplicita contro i 'second-order defaults' come `Space Grotesk` e i titoli serif 'warm-paper' evita la trappola esatta in cui è caduta la baseline senza skill, che ha rilevato circa quattro segnali informalmente e ha optato per una sostituzione generica. Il catalogo di riferimento è insolitamente rigoroso, citando uno studio `Playwright` di ~1.400 siti con un tasso di falsi positivi dichiarato.
Testato il: 2026-07-19 · Claude Code 2.x (agent harness)
Installazione
git clone https://github.com/funboy322/avoid-ai-design mkdir -p ~/.claude/skills cp -r avoid-ai-design ~/.claude/skills/avoid-ai-design
Comandi e prompt di esempio
/avoid-ai-designAudita e riscrivi l'interfaccia utente frontend per rimuovere i segnali generici di design AI
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
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.