← Accueil

Exercice · Vibe-coding · 15 octobre 2026

Inventaire des outils de vibe-coding

Deux sources de nature différente comparées côte à côte : une liste virale publiée sur X et une liste « awesome » vérifiée et datée sur GitHub. Que recommandent-elles, où se recoupent-elles, et laquelle croire pour quoi ?

Les deux sources

Source A — Post X/Twitter

Auteur
Himanshu Hingorani (@himanshubuildss), fondateur de scrolltide.co
Date
9 octobre 2026
Titre
« 25 vibe coding resources »
Format
Post unique, liste numérotée, une ligne par ressource
Audience
≈ 18,2 k vues, 563 signets, 216 j’aime (au moment de la capture)
Vérification
Aucune date de vérification, aucun prix, aucune condition d’accès
Support
Capture d’écran du post

Source B — Dépôt GitHub

Dépôt
Scap-Mehdi/awesome-vibecoding (fork de roboco-io)
Version FR
README.fr.md
Format
Liste « awesome » classée par tâche, avec accès/prix et date de vérification par entrée
Revue
Revue de cycle de vie du 18/09/2026 : liste réduite de 156 à 40 outils ; ajouts revus jusqu’au 04/10/2026
Politique
Critères d’admission publics, historique des retraits, mise à jour hebdomadaire automatisée
Licence
CC0 1.0 (domaine public)

Source A · les 25 ressources du post

Chaque ressource est reclassée selon sa fonction réelle. La colonne « Dans B ? » indique si elle figure dans la liste awesome-vibecoding. Les descriptions sont reformulées à partir du post ; les liens n’ont pas été vérifiés un à un.

8Animation & effets
7Composants UI
6Inspiration & références design
3Prompts & contexte pour agents
1Assets (icônes 3D)
0présentes dans la Source B
#RessourceCe que c’estCatégorieDans B ?
1scrolltide.coPrompts et code source de sites 3D / à défilement, à coller dans un agent. Produit de l’auteur du post.Prompts & contexteNon
2minimal.galleryGalerie de sites épurés à donner en référence à un agentInspirationNon
3godly.websiteSélection de sites au design soignéInspirationNon
4styles.refero.designStyles visuels et typographie relevés sur des produits réelsRéférence designNon
5component.galleryComment les design systems traitent un même composantRéférence designNon
6mobbin.comParcours d’applications réelles (UX)Référence designNon
7designmd.aiDesign systems rédigés en Markdown, lisibles par un agentPrompts & contexteNon
8vibeprompts.devPrompts prêts à l’emploi pour tableaux de bord et landing pagesPrompts & contexteNon
921st.devRegistre de composants branché aux agents via MCPComposants UINon
10kinetics.colorion.coEffets de mouvement avec code React et promptsAnimation & effetsNon
11shadcn/uiBibliothèque de composants réutilisables, standard de faitComposants UINon
12Aceternity UIComposants React/Tailwind animésComposants UINon
13Magic UIComposants pour applications web modernesComposants UINon
14Motion PrimitivesComposants d’animation et d’interactionAnimation & effetsNon
15UiverseÉléments d’interface créés par la communautéComposants UINon
16ShadcnblocksBlocs de pages complets basés sur shadcnComposants UINon
17mapcnComposants de cartes : marqueurs, itinéraires, popupsComposants UINon
18AwwwardsSites primés, référence historique du web designInspirationNon
19Liquid GlassComposants à effet de réfraction « verre »Animation & effetsNon
20CSS Text EffectsAnimations et effets de texte en CSSAnimation & effetsNon
21Circle LoadersAnimations de chargementAnimation & effetsNon
22Gradient ButtonsBoutons en dégradéAnimation & effetsNon
23ShadertoyShaders à étudier et remixerAnimation & effetsNon
243DiconsIcônes 3D gratuitesAssetsNon
25Anime.jsBibliothèque JavaScript d’animation légèreAnimation & effetsNon

Source B · les outils par tâche

La page principale d’awesome-vibecoding classe ses outils selon ce que l’on veut faire, du code au déploiement. Chaque entrée porte une condition d’accès et une date de vérification (le 18/09/2026 pour la plupart). Les ressources d’apprentissage (guides, articles, papiers) ne sont pas reprises ici.

OutilUsageTâcheAccèsVérifié
Aider · CLIProgrammation en binôme dans le terminal, modèles cloud ou locaux, intégré à GitCodeClient open source ; coût API/modèle18/09
Claude Code · CLIAssistant de code agentique en terminalCodeVoir tarifs18/09
ClineAgent de code pour IDE, terminal et bureauCodeClient + fournisseur de modèle18/09
Cursor · IDEÉditeur et agent : implémenter, déboguer, relireCodeVoir tarifs18/09
Gemini CLI · CLIAgent terminal open source de GoogleCodeAPI/Vertex ; accès grand public retiré18/09
GitHub CopilotAssistance et agents dans GitHub et les IDECodeVoir tarifs18/09
Goose · CLIAgent local extensible, outils MCPCodeVoir tarifs18/09
Kiro · IDEAgent AWS centré sur spécifications et testsCodeVoir tarifs18/09
OpenAI Codex CLI · CLIAgent OpenAI exécuté localementCodeVoir tarifs18/09
Pi · CLIAgent terminal extensible, multi-fournisseursCodeClient MIT18/09
Bolt.new · WebCréer une app en langage naturel (StackBlitz)App & UIVoir tarifs18/09
Dyad · DesktopCréer des apps en local, modèles au choixApp & UICoûts du modèle18/09
Lovable · WebGénération d’apps complètes avec SupabaseApp & UIVoir tarifs18/09
Onlook · WebÉditer visuellement une interface tout en restant dans le codeApp & UIVoir tarifs18/09
Replit · WebConstruire et itérer avec Replit AgentApp & UIVoir tarifs18/09
v0 · WebGénération d’interfaces React par VercelApp & UIVoir tarifs18/09
CaliberGénère et synchronise les configs d’agentsContexte & specsVoir tarifs18/09
Context7 · MCPDocumentation de bibliothèques pour le contexteContexte & specsVoir tarifs18/09
Filesystem MCP · MCPAccès contrôlé aux fichiers du projetContexte & specsImplémentation de référence18/09
GitHub MCP · MCPDépôts, issues et pull requestsContexte & specsVoir tarifs18/09
Neon · MCPBases de données NeonContexte & specsVoir tarifs18/09
Notion MCP · MCPLire et mettre à jour NotionContexte & specsVoir tarifs18/09
OpenSpecDéveloppement piloté par les spécificationsContexte & specsVoir tarifs18/09
Supabase MCP · MCPSchémas, requêtes, configuration SupabaseContexte & specsVoir tarifs18/09
Agent QA · MCPTests web et mobile en langage naturelTest & sécuritéFSL-1.1 ; coûts modèle18/09
Playwright MCP · MCPAutomatisation de navigateur (Microsoft)Test & sécuritéApache-2.018/09
PR-AgentRelecture de pull requestsTest & sécuritéVoir tarifs18/09
Prbl · WebRepère les failles typiques du code généré par IATest & sécuritéScan gratuit ; offres payantes23/09
QodoMoteur de relecture de code (ex-CodiumAI)Test & sécuritéVoir tarifs18/09
Semgrep MCP · MCPAnalyse de sécuritéTest & sécuritéVoir tarifs18/09
Sentry · MCPErreurs applicatives et diagnosticTest & sécuritéFSL ; voir conditions18/09
Cloudflare · MCPDéploiement et ressources cloudDéploiementVoir tarifs18/09
E2BBac à sable cloud sécurisé pour agentsDéploiementVoir tarifs18/09
Publish.my · WebPublication de sites statiques par un agentDéploiementGratuit ; statique seulement18/09
XcodeBuildMCP · MCPCompiler et déboguer des projets AppleDéploiementVoir tarifs18/09
Delta (Zed) · DesktopEspace multijoueur pour piloter et relire des agentsEspaces & usageGratuit en bêta20/09
Duckweed · DesktopAgents, shells et diffs Git dans un espace localEspaces & usageSource disponible18/09
llm.logCoûts, tokens et traces via un proxy localEspaces & usageMIT18/09
Parallel Code · DesktopAgents en parallèle dans des worktrees Git isolésEspaces & usageMIT18/09
Shep · CLIOrchestration d’agents jusqu’à la PR brouillonEspaces & usageClient MIT18/09
Superagent · DesktopClaude Code ou Codex dans un espace macOSEspaces & usageMIT ; macOS Apple Silicon18/09
usage · DesktopQuotas des agents dans la barre de menusEspaces & usageAGPL-3.018/09
Warp TerminalTerminal orienté agentsEspaces & usageVoir tarifs IA18/09

Comparaison

Recoupements

Aucune des 25 ressources du post n’apparaît dans la liste awesome-vibecoding. Les seuls points de contact sont indirects :

Deux listes, deux métiers

CritèreSource A · post XSource B · awesome-vibecoding
Question traitéeÀ quoi doit ressembler ce que je fais générer ?Avec quoi je fabrique, teste et publie ?
Nature des entréesGaleries, bibliothèques de composants, effets, promptsAgents de code, générateurs d’apps, serveurs MCP, tests, déploiement
Étape du projetDirection artistique et interfaceTout le cycle : code → contexte → test → déploiement → suivi
ClassementListe numérotée, sans catégoriesPar tâche, avec mode d’usage (CLI, IDE, Web, Desktop, MCP)
DatationDate du post uniquementDate de vérification par entrée + journal des mises à jour
Accès & prixNon mentionnésIndiqués (ou « voir tarifs » quand non vérifié)
SécuritéAbsenteCatégorie dédiée + guide de sécurité
Conflit d’intérêtsN° 1 = produit de l’auteur, non signalé dans la listeAffiliations à déclarer selon la politique de curation
MaintenanceFigée au moment de la publicationMise à jour hebdomadaire ; entrées retirées historisées

Lecture critique

Source A — ce qu’il faut savoir

  • La ressource placée en tête (scrolltide.co) appartient à l’auteur : sa bio le présente comme fondateur, et sa première réponse sous le post y renvoie encore. C’est une liste promotionnelle autant qu’un inventaire.
  • Les chiffres (« 600+ », « 2 000+ », « award-winning ») ne sont pas sourcés.
  • Trois ressources viennent du même éditeur (sous-domaines de colorion.co) : la diversité affichée est moindre qu’il n’y paraît.
  • Le titre parle de « vibe coding », mais aucune ressource ne sert à coder, tester ou publier : c’est une boîte à outils de design web.
  • Le format (« Save it », « ahead of the competition ») vise l’engagement — 563 signets pour 18 k vues.

Source B — ses propres limites

  • La plupart des prix sont marqués « voir tarifs » : la liste dit honnêtement qu’elle ne les a pas vérifiés.
  • Une date de vérification confirme l’offre à ce jour, pas une audit de sécurité ni une garantie de pérennité (la liste le précise elle-même).
  • Les mises à jour sont automatisées par un agent IA : la vérification repose en partie sur l’outil qu’elle recense.
  • Rien sur la direction artistique ou les composants d’interface : la Source B ne répond pas à la question de la Source A.
Une liste datée n’est pas une liste exhaustive. La Source B a volontairement réduit son inventaire de 156 à 40 outils ; l’absence d’une ressource n’est donc pas un verdict contre elle, seulement l’absence de preuve vérifiée à cette date.

Conclusion

Les deux sources ne sont pas concurrentes : elles ne parlent pas du même moment du projet. La Source B dit quels outils utiliser pour construire et dans quelles conditions ; la Source A fournit de la matière visuelle et des références à donner à ces outils.

Pour un projet réel, une méthode raisonnable :

  1. Choisir son agent ou générateur dans la Source B (par exemple Claude Code ou Cursor), en lisant les conditions d’accès.
  2. Puiser des références de style et des composants dans la Source A (Awwwards, Mobbin, shadcn/ui), en vérifiant soi-même chaque lien et sa licence.
  3. Repasser par la Source B pour les tests, la sécurité et le déploiement — ici via Cloudflare Pages.

À fiabilité égale, la confiance se mérite par la transparence : date, méthode, conditions d’accès et conflits d’intérêts déclarés. Sur ces quatre critères, la Source B l’emporte nettement.