Exercice · Vibe-coding · 15 octobre 2026
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 ?
README.fr.mdChaque 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.
| # | Ressource | Ce que c’est | Catégorie | Dans B ? |
|---|---|---|---|---|
| 1 | scrolltide.co | Prompts et code source de sites 3D / à défilement, à coller dans un agent. Produit de l’auteur du post. | Prompts & contexte | Non |
| 2 | minimal.gallery | Galerie de sites épurés à donner en référence à un agent | Inspiration | Non |
| 3 | godly.website | Sélection de sites au design soigné | Inspiration | Non |
| 4 | styles.refero.design | Styles visuels et typographie relevés sur des produits réels | Référence design | Non |
| 5 | component.gallery | Comment les design systems traitent un même composant | Référence design | Non |
| 6 | mobbin.com | Parcours d’applications réelles (UX) | Référence design | Non |
| 7 | designmd.ai | Design systems rédigés en Markdown, lisibles par un agent | Prompts & contexte | Non |
| 8 | vibeprompts.dev | Prompts prêts à l’emploi pour tableaux de bord et landing pages | Prompts & contexte | Non |
| 9 | 21st.dev | Registre de composants branché aux agents via MCP | Composants UI | Non |
| 10 | kinetics.colorion.co | Effets de mouvement avec code React et prompts | Animation & effets | Non |
| 11 | shadcn/ui | Bibliothèque de composants réutilisables, standard de fait | Composants UI | Non |
| 12 | Aceternity UI | Composants React/Tailwind animés | Composants UI | Non |
| 13 | Magic UI | Composants pour applications web modernes | Composants UI | Non |
| 14 | Motion Primitives | Composants d’animation et d’interaction | Animation & effets | Non |
| 15 | Uiverse | Éléments d’interface créés par la communauté | Composants UI | Non |
| 16 | Shadcnblocks | Blocs de pages complets basés sur shadcn | Composants UI | Non |
| 17 | mapcn | Composants de cartes : marqueurs, itinéraires, popups | Composants UI | Non |
| 18 | Awwwards | Sites primés, référence historique du web design | Inspiration | Non |
| 19 | Liquid Glass | Composants à effet de réfraction « verre » | Animation & effets | Non |
| 20 | CSS Text Effects | Animations et effets de texte en CSS | Animation & effets | Non |
| 21 | Circle Loaders | Animations de chargement | Animation & effets | Non |
| 22 | Gradient Buttons | Boutons en dégradé | Animation & effets | Non |
| 23 | Shadertoy | Shaders à étudier et remixer | Animation & effets | Non |
| 24 | 3Dicons | Icônes 3D gratuites | Assets | Non |
| 25 | Anime.js | Bibliothèque JavaScript d’animation légère | Animation & effets | Non |
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.
| Outil | Usage | Tâche | Vérifié |
|---|---|---|---|
| Aider · CLI | Programmation en binôme dans le terminal, modèles cloud ou locaux, intégré à Git | Code | 18/09 |
| Claude Code · CLI | Assistant de code agentique en terminal | Code | 18/09 |
| Cline | Agent de code pour IDE, terminal et bureau | Code | 18/09 |
| Cursor · IDE | Éditeur et agent : implémenter, déboguer, relire | Code | 18/09 |
| Gemini CLI · CLI | Agent terminal open source de Google | Code | 18/09 |
| GitHub Copilot | Assistance et agents dans GitHub et les IDE | Code | 18/09 |
| Goose · CLI | Agent local extensible, outils MCP | Code | 18/09 |
| Kiro · IDE | Agent AWS centré sur spécifications et tests | Code | 18/09 |
| OpenAI Codex CLI · CLI | Agent OpenAI exécuté localement | Code | 18/09 |
| Pi · CLI | Agent terminal extensible, multi-fournisseurs | Code | 18/09 |
| Bolt.new · Web | Créer une app en langage naturel (StackBlitz) | App & UI | 18/09 |
| Dyad · Desktop | Créer des apps en local, modèles au choix | App & UI | 18/09 |
| Lovable · Web | Génération d’apps complètes avec Supabase | App & UI | 18/09 |
| Onlook · Web | Éditer visuellement une interface tout en restant dans le code | App & UI | 18/09 |
| Replit · Web | Construire et itérer avec Replit Agent | App & UI | 18/09 |
| v0 · Web | Génération d’interfaces React par Vercel | App & UI | 18/09 |
| Caliber | Génère et synchronise les configs d’agents | Contexte & specs | 18/09 |
| Context7 · MCP | Documentation de bibliothèques pour le contexte | Contexte & specs | 18/09 |
| Filesystem MCP · MCP | Accès contrôlé aux fichiers du projet | Contexte & specs | 18/09 |
| GitHub MCP · MCP | Dépôts, issues et pull requests | Contexte & specs | 18/09 |
| Neon · MCP | Bases de données Neon | Contexte & specs | 18/09 |
| Notion MCP · MCP | Lire et mettre à jour Notion | Contexte & specs | 18/09 |
| OpenSpec | Développement piloté par les spécifications | Contexte & specs | 18/09 |
| Supabase MCP · MCP | Schémas, requêtes, configuration Supabase | Contexte & specs | 18/09 |
| Agent QA · MCP | Tests web et mobile en langage naturel | Test & sécurité | 18/09 |
| Playwright MCP · MCP | Automatisation de navigateur (Microsoft) | Test & sécurité | 18/09 |
| PR-Agent | Relecture de pull requests | Test & sécurité | 18/09 |
| Prbl · Web | Repère les failles typiques du code généré par IA | Test & sécurité | 23/09 |
| Qodo | Moteur de relecture de code (ex-CodiumAI) | Test & sécurité | 18/09 |
| Semgrep MCP · MCP | Analyse de sécurité | Test & sécurité | 18/09 |
| Sentry · MCP | Erreurs applicatives et diagnostic | Test & sécurité | 18/09 |
| Cloudflare · MCP | Déploiement et ressources cloud | Déploiement | 18/09 |
| E2B | Bac à sable cloud sécurisé pour agents | Déploiement | 18/09 |
| Publish.my · Web | Publication de sites statiques par un agent | Déploiement | 18/09 |
| XcodeBuildMCP · MCP | Compiler et déboguer des projets Apple | Déploiement | 18/09 |
| Delta (Zed) · Desktop | Espace multijoueur pour piloter et relire des agents | Espaces & usage | 20/09 |
| Duckweed · Desktop | Agents, shells et diffs Git dans un espace local | Espaces & usage | 18/09 |
| llm.log | Coûts, tokens et traces via un proxy local | Espaces & usage | 18/09 |
| Parallel Code · Desktop | Agents en parallèle dans des worktrees Git isolés | Espaces & usage | 18/09 |
| Shep · CLI | Orchestration d’agents jusqu’à la PR brouillon | Espaces & usage | 18/09 |
| Superagent · Desktop | Claude Code ou Codex dans un espace macOS | Espaces & usage | 18/09 |
| usage · Desktop | Quotas des agents dans la barre de menus | Espaces & usage | 18/09 |
| Warp Terminal | Terminal orienté agents | Espaces & usage | 18/09 |
Aucune des 25 ressources du post n’apparaît dans la liste awesome-vibecoding. Les seuls points de contact sont indirects :
| Critère | Source A · post X | Source 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ées | Galeries, bibliothèques de composants, effets, prompts | Agents de code, générateurs d’apps, serveurs MCP, tests, déploiement |
| Étape du projet | Direction artistique et interface | Tout le cycle : code → contexte → test → déploiement → suivi |
| Classement | Liste numérotée, sans catégories | Par tâche, avec mode d’usage (CLI, IDE, Web, Desktop, MCP) |
| Datation | Date du post uniquement | Date de vérification par entrée + journal des mises à jour |
| Accès & prix | Non mentionnés | Indiqués (ou « voir tarifs » quand non vérifié) |
| Sécurité | Absente | Catégorie dédiée + guide de sécurité |
| Conflit d’intérêts | N° 1 = produit de l’auteur, non signalé dans la liste | Affiliations à déclarer selon la politique de curation |
| Maintenance | Figée au moment de la publication | Mise à jour hebdomadaire ; entrées retirées historisées |
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 :
À 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.