ProofShot : CLI pour Agents IA pour Vérifier le Code UI avec Enregistrement Navigateur
Ce que fait ProofShot
ProofShot est un outil CLI qui donne aux agents d'IA de codage des capacités de vérification visuelle. Il permet aux agents de voir à quoi ressemble réellement l'interface utilisateur qu'ils construisent dans le navigateur, de détecter les problèmes de mise en page et de capturer les erreurs de la console.
Comment cela fonctionne
L'outil fonctionne via trois commandes principales :
proofshot start --run "npm run dev" --port 3000- Lance votre serveur de développement, ouvre Chromium sans interface et commence l'enregistrement vidéo- Votre agent d'IA exécute ensuite des actions comme
proofshot exec navigate "http://localhost:3000"etproofshot exec screenshot "homepage"pour naviguer, cliquer, remplir des formulaires et prendre des captures d'écran proofshot stop- Collecte les erreurs, arrête l'enregistrement, supprime les temps morts et génère les artefacts de preuve
Sortie et fonctionnalités
ProofShot génère un fichier HTML autonome contenant :
- La lecture vidéo de la session du navigateur synchronisée avec une chronologie des actions
- Les captures d'écran prises pendant la session
- Les étiquettes d'éléments pour chaque action
- Les erreurs de la console du navigateur capturées pendant la session
- Les journaux du serveur analysés avec correspondance de motifs pour JavaScript, Python, Go, Rust et d'autres langages
- Des artefacts prêts pour les PR incluant SUMMARY.md et une sortie formatée pour les pull requests
- Une comparaison visuelle des différences par rapport aux références
Détails techniques
L'outil est :
- Basé sur agent-browser de Vercel Labs (décrit comme "bien meilleur et plus rapide que Playwright MCP")
- Pas un framework de test - l'agent ne décide pas de réussite/échec, il fournit simplement des preuves
- Agnostique aux agents - fonctionne avec Claude Code, Cursor, Codex, Gemini CLI, Windsurf et tout agent compatible MCP
- Conditionné en tant que compétence pour que les agents d'IA sachent exactement comment il fonctionne
- Open source avec licence MIT
Installation et configuration
$ npm install -g proofshot
$ proofshot install
L'outil supprime automatiquement les temps morts des enregistrements, donc vous ne voyez que ce que l'agent a réellement fait, pas les périodes d'attente inactives.
📖 Read the full source: HN LLM Tools
👀 See Also
Zillow-Full : Une compétence OpenClaw qui a transformé la recherche manuelle de biens en un pipeline automatisé d’affaires
Un développeur a construit 'zillow-full' sur OpenClaw pour extraire les Zestimates, l'historique des taxes, l'historique des prix et les comparables par propriété. Avec un cron nocturne qui évalue les annonces selon des critères d'affaires, les transactions en gros sont passées de 2 à 11 par mois.
Dépôt GitHub des bonnes pratiques de Claude Code atteint 5 000 étoiles
Un dépôt GitHub nommé 'claude-code-best-practice' a atteint 5 000 étoiles. Ce dépôt a été créé avec Claude pour documenter les meilleures pratiques, astuces et flux de travail provenant à la fois du créateur et de la communauté.
CADAM : CAO paramétrique open source avec curseurs et rendu WebAssembly
CADAM génère des modèles 3D paramétriques à partir de texte ou d'images, produit du code OpenSCAD avec des curseurs interactifs et fonctionne entièrement dans le navigateur via WebAssembly.
Modèle de Dépôt de Code Claude pour les Applications Spring Boot
Un dépôt GitHub fournit un modèle Claude Code pour générer des applications Spring Boot avec les meilleures pratiques pour l'intégration de bases de données, le déploiement Kubernetes et les tests d'intégration avec Testcontainers.