Utiliser Claude en tant que critique impitoyable d'UI/UX avec un prompt de persona spécifique
Un développeur sur r/ClaudeAI décrit l'utilisation de Claude avec une extension de navigateur pour examiner sa propre application en direct via un prompt de persona spécifique, plutôt que de simplement la construire avec. L'approche implique deux passes d'examen distinctes avec une sortie structurée.
Détails clés de la Source
Le prompt principal fourni dans le matériel source est :
"Vous êtes le fondateur de startup et designer UI/UX le plus impitoyable et obsédé par la conversion au monde. Vous avez fait passer 3 produits SaaS au-delà de 10 millions de dollars de revenus annuels récurrents. Vous avez étudié chaque pixel de Linear, Superhuman, Vercel, Raycast et Arc. Vous pouvez repérer un projet AI codé à la vibe à 15 mètres. Votre seul objectif : faire démarrer un essai gratuit à chaque visiteur."Le processus d'examen se compose de deux passes :
- Première passe : L'IA agit comme le designer décrit, analysant de manière critique chaque décision visuelle.
- Deuxième passe : L'IA simule un utilisateur final novice, cliquant à travers toute l'application et signalant les points de confusion ou les moments où il a envisagé de partir.
La sortie est organisée dans un fichier markdown avec trois niveaux de priorité : critique, impact élevé et agréable à avoir. Ce fichier est ensuite directement transmis à Claude Code pour mettre en œuvre les corrections.
Problèmes spécifiques identifiés
Le développeur rapporte que cette méthode a détecté plusieurs problèmes qu'il avait négligés :
- Une fenêtre modale de mise à niveau pro apparaissant immédiatement après l'intégration, avant que l'utilisateur ne reçoive aucune valeur
- Trois points de contact de vente incitative simultanés sur chaque page, donnant l'impression que l'offre gratuite est du logiciel harcelant
- Des mises en page mobiles complètement cassées sur la page d'accueil
- Un flux d'intégration qui ignorait l'objectif que l'utilisateur venait de sélectionner
Le développeur souligne que la persona spécifique importe plus que des instructions génériques. Il note qu'un simple prompt "examinez mon UI" donne des suggestions polies, tandis que ce prompt de persona génère des retours similaires à ceux que vous recevriez d'un cofondateur concentré uniquement sur la conversion, sans se soucier des sentiments.
📖 Read the full source: r/ClaudeAI
👀 See Also
Comment un bug React useEffect a provoqué des retours haptiques aléatoires et a fait chuter la rétention de l'application
Un développeur a ignoré pendant des mois les signalements d'utilisateurs concernant des vibrations aléatoires de l'application, pour finalement découvrir qu'un problème de dépendance dans React useEffect provoquait un retour haptique constant sur les appareils milieu de gamme, faisant chuter la rétention sur 7 jours de 35% à 18%.
Flux de travail Claude Mobile : Réfléchir aux fonctionnalités sur téléphone, obtenir une mise en œuvre autonome
Un développeur partage un flux de travail où il réfléchit à des fonctionnalités et corrections de bugs avec Claude sur son téléphone en déplacement, puis un script démon implémente automatiquement les tâches bien définies en créant des tickets Linear et en lançant des agents Claude Code pour gérer l'implémentation, les tests et le déploiement en environnement de préproduction.
Développeur publie un jeu Steam avec du code Claude : Leçons sur le Vibe Coding vs. le Vibe Engineering
Un développeur a publié Codex Mortis, un jeu de type bullet hell sur le thème de la nécromancie sur Steam, en utilisant Claude Code pour un développement assisté par l'IA. Le projet a nécessité deux réécritures complètes après le prototype initial, mettant en lumière l'écart entre prototype et production.
Claude IA Guide l'Utilisateur à Travers la Réparation du Toit Ouvrant de Voiture avec de l'Adhésif en Uréthane pour Verre
Un utilisateur a réparé le toit ouvrant d'une Ford Fusion 2012 qui s'est ouvert brutalement sur l'autoroute en suivant les instructions étape par étape de Claude pour nettoyer la rouille et appliquer de l'adhésif pour vitrage en uréthane, évitant ainsi un remplacement à 1500 $ sur une voiture valant 5000 $.