Avoid AI Design
Audit en herschrijf frontend UI om generieke AI design tells te verwijderen
Getest · Werkt
Wat het doet
Een frontend design-review skill die `HTML/CSS` en `React/Tailwind/shadcn` auditeert op patronen die een UI AI-gegenereerd doen lijken, en vervolgens herschrijft rond één vastgelegde esthetische richting. Activeert op 'de-slop this UI', 'make this look less AI-generated', of 'audit for AI design tells'. Levert een 40-plus-tell catalogus met `P0/P1/P2` ernst plus een detect-only modus en een bescherming tegen second-order defaults.
Testrapport
Getest op een AI-slop hero (indigo-to-violet gradient, gradient-clip headline, glassmorphism, `Inter`, emoji, '`Elevate Your Workflow`', arrow CTA): de gebundelde 40-plus-tell catalogus liet het tien gelabelde problemen met `P0/P1` ernst markeren, en dwong vervolgens een commitment aan één benoemde esthetische richting af. De expliciete bescherming tegen 'second-order defaults' zoals `Space Grotesk` en warm-paper serif heads voorkomt precies de valkuil waarin de no-skill baseline viel, die ongeveer vier tells informeel opving en naar een generieke vervanging greep. De referentiecatalogus is ongewoon rigoureus, met een `Playwright` studie van ~1.400 sites met een opgegeven false-positive rate.
Getest op: 2026-07-19 · Claude Code 2.x (agent harness)
Installatie
git clone https://github.com/funboy322/avoid-ai-design mkdir -p ~/.claude/skills cp -r avoid-ai-design ~/.claude/skills/avoid-ai-design
Commando's en voorbeeldprompts
/avoid-ai-designAudit en herschrijf frontend UI om generieke AI design tells te verwijderen
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
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.