Avoid AI Design

Audite et réécrit l'interface utilisateur frontend pour supprimer les marqueurs de design IA génériques

par funboy322 · funboy322/avoid-ai-design

Testé · Fonctionne ★ 9.2/10

Avoid AI Design — Audite et réécrit l'interface utilisateur frontend pour supprimer les marqueurs de design IA génériques

Ce que fait

Une compétence de revue de design frontend qui audite HTML/CSS et React/Tailwind/shadcn à la recherche des motifs qui donnent à une UI un aspect généré par IA, puis réécrit autour d'une direction esthétique engagée. Se déclenche sur 'de-slop this UI', 'make this look less AI-generated', ou 'audit for AI design tells'. Fournit un catalogue de plus de 40 marqueurs avec une gravité P0/P1/P2 plus un mode de détection uniquement et une protection contre les défauts de second ordre.

Rapport de test

Testé sur un 'héros' de design IA bâclé (dégradé indigo-violet, titre en dégradé-clip, glassmorphism, Inter, emoji, 'Elevate Your Workflow', CTA fléché) : le catalogue de plus de 40 marqueurs fourni lui a permis de signaler dix problèmes étiquetés avec une gravité P0/P1, puis a forcé un engagement vers une direction esthétique nommée. Sa protection explicite contre les 'second-order defaults' comme Space Grotesk et les têtes de serif 'warm-paper' évite le piège exact dans lequel la base de référence sans compétence est tombée, qui a détecté environ quatre marqueurs informellement et a opté pour un remplacement générique. Le catalogue de référence est inhabituellement rigoureux, citant une étude Playwright d'environ 1 400 sites avec un taux de faux positifs déclaré.

Testé le: 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

Commandes et exemples de prompts

  • /avoid-ai-designAudite et réécrit l'interface utilisateur frontend pour supprimer les marqueurs de design IA génériques

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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.