Avoid AI Design
Auditujte a přepište frontend UI, abyste odstranili generické designové znaky AI
Otestováno · Funguje
Co umí
Dovednost pro revizi frontend designu, která audituje HTML/CSS a React/Tailwind/shadcn na vzory, které způsobují, že UI vypadá generované AI, a poté přepisuje kolem jednoho zvoleného estetického směru. Spouští se na 'de-slop this UI', 'make this look less AI-generated', nebo 'audit for AI design tells'. Obsahuje katalog 40+ znaků s prioritou P0/P1/P2 plus režim pouze detekce a ochranu proti druhořadým výchozím nastavením.
Testovací report
Testováno na AI-slop hrdinovi (indigo-to-violet gradient, gradient-clip headline, glassmorphism, Inter, emoji, 'Elevate Your Workflow', arrow CTA): přiložený katalog 40+ znaků umožnil označit deset pojmenovaných problémů se závažností P0/P1, a poté vynutil závazek k jednomu pojmenovanému estetickému směru. Jeho explicitní ochrana proti 'druhořadým výchozím nastavením' jako Space Grotesk a warm-paper serif odvrací přesnou past, do které spadlo základní řešení bez dovednosti, které neformálně zachytilo zhruba čtyři znaky a sáhlo po generické náhradě. Referenční katalog je neobvykle přísný, cituje studii Playwright na ~1 400 webech s uvedenou mírou falešně pozitivních výsledků.
Testováno: 2026-07-19 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/funboy322/avoid-ai-design mkdir -p ~/.claude/skills cp -r avoid-ai-design ~/.claude/skills/avoid-ai-design
Příkazy a ukázkové prompty
/avoid-ai-designAuditujte a přepište frontend UI, abyste odstranili generické designové znaky AI
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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.