Voici comment créer un fichier de prompt qui s'améliore automatiquement avec le temps et vous aide à générer des applications web beaucoup plus raffinées.

1. connectez Claude à votre application avec le serveur MCP Playwright
2. stockez vos règles de génération de composants dans un seul fichier
ex : src/lib/prompts/generation.tsx
3. demandez à Claude de :
• ouvrir localhost
• générer un composant
• examiner le rendu visuel réel
• mettre à jour le fichier de prompt
• régénérer et comparer
exemple de prompt :
"navigate to localhost[:]3000, generate a basic component, review the styling, and update src/lib/prompts/generation.tsx to produce better components going forward"
au lieu de répéter des modèles génériques comme :
• dégradés violet-bleu
• blocs héros centrés
• symétrie par défaut de Tailwind
il peut orienter le prompt vers :
• systèmes de couleurs plus chauds
• espacements plus originaux
• mises en page asymétriques
• meilleure hiérarchie visuelle
• moins de composants « qui ressemblent à de l’IA »
pattern super utile si vous souhaitez transformer la génération de composants IA en un véritable flux de travail de conception.