Steph-ux/web-design-enhancer — reverse-engineered prompt

Je veux créer un outil appelé Web Design Enhancer Pro pour aider les agents IA à produire des interfaces vraiment propres au lieu de designs génériques.

L’idée est d’avoir un skill réutilisable qui force un vrai processus avant de coder. Il doit d’abord récupérer ou utiliser des références visuelles réelles, puis créer un fichier DESIGN.md comme contrat de design, puis vérifier automatiquement que l’interface respecte ce contrat. Ajoute des scripts Python pour valider le design, repérer les mauvais réflexes typiques des IA, vérifier l’espacement sur une grille de 8 px, comparer le design avec le code, et lancer un audit visuel avec Playwright sur plusieurs tailles d’écran.

Prévois aussi des templates, des exemples de DESIGN.md réussis, une base de références UI et une doc claire qui explique le workflow en phases. Le but est que quelqu’un puisse donner ce skill à un agent IA et obtenir une interface plus professionnelle, mesurable, sans emojis décoratifs, gradients clichés ou dark mode improvisé.