Outils du vibe coding : deux sources comparées
Un post viral et une liste « awesome » vérifiée répondent-ils à la même question ? Non : ils se complètent. Voici ce que chacun apporte, ses limites, et comment les utiliser ensemble.
Deux sources de nature différente
L'une est un avis personnel publié sur un réseau social, l'autre une liste collaborative avec une politique de vérification écrite.
| Critère | A Post X/Twitter | B awesome-vibecoding |
|---|---|---|
| Auteur | Himanshu Hingorani (@himanshubuildss) | Dépôt GitHub Scap-Mehdi, ouvert aux contributions |
| Format | Fil de 2 messages : liste numérotée, une ligne par ressource | Tableaux par tâche : usage, conditions d'accès, date de vérification |
| Date | Octobre 2026 (9 oct. sur la capture, 3 oct. sur Thread Navigator) | Sélection vérifiée le 18 sept. 2026, mises à jour jusqu'au 4 oct. 2026 |
| Méthode | « 100+ ressources testées cette année », sans critères publiés | Politique de curation publique, preuves datées pour chaque entrée, historique des retraits |
| Sujet | Le design : inspiration, composants UI, animations, illustrations | La chaîne de développement : agents de code, prototypage, contexte et MCP, tests, déploiement, apprentissage |
| Prix | Non mentionnés | Indiqués (ou « vérifier le prix ») ; licences précisées |
| Conflit d'intérêts | Oui : la ressource n°1 (scrolltide.co) appartient à l'auteur, qui la met en avant dans un 2ᵉ message | Affiliations à déclarer selon la politique de contribution ; les étoiles GitHub ne garantissent pas l'admission |
| Langue | Anglais | Anglais, français, coréen, japonais |
Ce qu'il faut en retenir
Les deux listes ne se recoupent pas : elles ne couvrent pas la même étape d'un projet.
A Utile pour…
- Donner un style à une page générée par IA : galeries d'inspiration, styles typographiques.
- Trouver des composants prêts à l'emploi : shadcn/ui, Magic UI, Aceternity, 21st.dev (compatible MCP).
- Animer : Motion Primitives, anime.js, effets de texte.
- À prendre comme une piste de découverte : rien n'est vérifié ni daté, et le n°1 est une promotion.
B Utile pour…
- Choisir son assistant de code : Claude Code, Cursor, Aider, Codex CLI…
- Prototyper une app : Bolt.new, Lovable, v0, Replit.
- Tester et sécuriser avant de publier : Playwright MCP, Semgrep, Prbl.
- Déployer : par exemple Cloudflare via MCP, cohérent avec la publication de ce site.
- Plus fiable, mais un instantané daté : revérifier prix et disponibilité avant usage.
🔗 Les combiner
- B pour l'outil qui écrit et vérifie le code.
- A pour le design qu'on lui demande de produire.
- Exemple : demander à Claude Code (B) une page en shadcn/ui (A), la tester avec Playwright MCP (B), puis la publier.
Toutes les ressources
Filtre les deux listes par nom ou par usage.
A Post X : 25 ressources, regroupées par thème
200+ prompts complets pour sites 3D, animés au scroll ou cinématiques
Design systems au format Markdown, lisibles par un agent
Prompts prêts à l'emploi pour tableaux de bord et landing pages
Sélection de sites haut de gamme
Inspiration UI réelle associée à des prompts
2 000+ styles de produits réels, typographie incluse
2 600+ exemples : comment les grands design systems traitent un même élément
Captures d'écran d'applications mobiles réelles
Modèles de barres de navigation
Mises en page de pieds de page
Formulaires, popups et boutons testés pour la conversion
Registre de composants branché aux agents via MCP
Composants React de référence (« toujours le standard »)
200+ composants animés React et Tailwind
Composants animés
Interactions avancées
Éléments d'interface open source
Composants de cartes : marqueurs, itinéraires, popups
150+ effets de mouvement avec code React et prompts
Micro-interactions
Composants à effet de verre (réfraction)
Effets de texte en CSS
Moteur d'animation léger
2 000+ illustrations dessinées à la main
Icônes 3D
Aucune ressource de la source A ne correspond.
Descriptions traduites du post. Les regroupements par thème sont les nôtres ; le post n'en donne pas.
B awesome-vibecoding : sélection principale, par tâche
Pair programming en terminal, modèles cloud ou locaux, intégré à Git
Assistant de code agentique en terminal et par projet
Agent de code pour IDE, terminal et desktop
Éditeur et agent : implémentation, débogage, revue
Agent open source en terminal ; accès API, Vertex ou entreprise
Assistance au code et agents dans GitHub et les IDE
Agent local extensible, desktop et CLI, outils MCP
Agent AWS avec spécifications et tests
Agent de code OpenAI exécuté localement
Agent de code en terminal, extensible et intégrable
Créer une application en langage naturel (StackBlitz)
Créer des applications en local, fournisseurs de modèles au choix
Applications full-stack générées, avec Supabase
Modifier visuellement une interface tout en restant dans le code
Créer et itérer avec Replit Agent
L'IA de Vercel pour générer des interfaces React
Génère et synchronise les configurations d'agents
Documentation des bibliothèques comme contexte de code
Accès contrôlé aux fichiers du projet
Dépôts, issues et pull requests
Bases de données Neon
Chercher, lire et modifier du contenu Notion
Développement piloté par les spécifications
Schémas, requêtes et configuration Supabase
Tests web et mobile écrits en langage naturel
Automatisation officielle du navigateur
Relecture de pull requests, maintenu par la communauté
Repère les failles fréquentes du code généré par IA
Revue de code par IA (ex-CodiumAI)
Analyse de sécurité via le CLI Semgrep
Inspecter les erreurs et diagnostiquer les échecs
Déploiement d'applications et ressources cloud
Sandbox cloud sécurisée pour agents
Publication de sites statiques pilotée par agents
Compiler, lancer et déboguer des projets Apple
Fils d'agents et revue des changements, espace multijoueur
Agents, shells, diffs Git et sessions en local
Coûts, tokens et traces via un proxy local
Agents dans des worktrees Git isolés
Agents en parallèle, du commit jusqu'au brouillon de PR
Claude Code ou Codex dans un espace macOS
Quotas des agents dans la barre des tâches
Terminal orienté agents
Manuel (en chinois) sur les workflows d'agents
Workflow et règles de projet (en coréen)
Manuel, chapitres de base gratuits
Conseils pratiques d'Armin Ronacher
Pratiques itératives de Simon Willison
Checklist sécurité : secrets, autorisations, revue
Exemples de contexte et d'instructions pour agents
Introduction officielle au Model Context Protocol
Article : un agent qui corrige de vrais bugs
Article : le benchmark de référence des agents de code
Cycle de développement piloté par l'intention
Aucune ressource de la source B ne correspond.
Sauf mention contraire, vérification du 18 sept. 2026 par la liste B. Le catalogue étendu propose d'autres options (Figma MCP, Subframe, Kombai…).