Coder avec une IA
Des agents qui comprennent votre projet, écrivent le code et le corrigent.
-
Claude Code (terminal, web)
Agent de code d'Anthropic : il lit le projet, modifie les fichiers et lance les commandes.
-
Cursor (éditeur)
Éditeur de code avec agent intégré pour écrire, déboguer et relire.
-
GitHub Copilot (éditeur, GitHub)
Assistance et agents directement dans GitHub et les principaux éditeurs.
-
OpenAI Codex CLI (terminal)
L'agent de code d'OpenAI, exécuté en local dans le terminal.
-
Gemini CLI (terminal, open source)
Agent de Google pour le terminal. Nécessite désormais une clé d'API ou un accès Vertex.
-
Kiro (éditeur)
Agent d'AWS orienté spécifications et tests.
-
Cline (éditeur, open source)
Agent pour l'éditeur et le terminal, avec accès aux fichiers, aux commandes et au navigateur.
-
Aider (terminal, open source)
Programmation en binôme dans le terminal, compatible avec les modèles locaux, chaque modification enregistrée dans Git.
Prototyper une application
Décrivez votre idée, obtenez une application qui fonctionne. Idéal pour débuter.
-
Lovable (web)
Génère des applications complètes, base de données Supabase comprise.
-
Bolt.new (web)
Crée une application à partir d'une simple description, dans le navigateur.
-
v0 (web)
L'outil de Vercel pour générer des interfaces React.
-
Replit (web)
Construire, tester et héberger une application avec Replit Agent.
-
Onlook (web)
Modifier visuellement une interface tout en travaillant sur le code.
-
Dyad (bureau, open source)
Construire des applications en local, avec le modèle d'IA de votre choix.
Trouver l'inspiration design
De beaux exemples à montrer à votre agent pour obtenir un résultat soigné.
-
Awwwards
Les sites primés pour leur design : la référence du web créatif.
-
Godly
Sites sélectionnés à la main pour la qualité de leur travail graphique.
-
Minimal Gallery
Galerie de sites haut de gamme et épurés.
-
Mobbin
Parcours d'applications réelles, écran par écran.
-
Refero Styles
Les styles de vrais sites (couleurs, typographie, espacements) livrés en fichiers DESIGN.md lisibles par votre agent.
-
Component Gallery
Plus de 2 600 exemples montrant comment les grands design systems conçoivent un même composant.
-
Awesome DESIGN.md
Des design systems de marques connues, décrits en Markdown pour les agents.
Composants d'interface prêts à l'emploi
Des briques à copier-coller pour ne pas repartir de zéro.
-
shadcn/ui
La référence pour des composants propres, accessibles et réutilisables.
-
Shadcnblocks
Des sections de page complètes basées sur shadcn/ui, pas seulement des boutons.
-
21st.dev
Bibliothèque de composants qui se branche sur les agents via MCP.
-
Aceternity UI
Composants animés React et Tailwind aux effets spectaculaires.
-
Magic UI
Plus de 150 composants animés, gratuits et open source.
-
Uiverse
Éléments d'interface créés par la communauté, en CSS et Tailwind.
-
mapcn
Composants de cartes gratuits pour shadcn/ui : marqueurs, itinéraires, info-bulles.
Animations, 3D et effets visuels
Pour donner du mouvement et du relief, à utiliser avec modération.
-
React Bits
Plus de 100 animations de textes, fonds et composants, très populaire et open source.
-
Motion Primitives
Animations et interactions prêtes à l'emploi pour React.
-
Anime.js
Bibliothèque JavaScript d'animation, légère et complète.
-
Shadertoy
Des milliers de shaders à étudier et à réutiliser.
-
3dicons
Bibliothèque libre d'icônes en 3D, utilisable gratuitement.
Contexte et intégrations
Donner à l'agent la documentation, les règles et l'accès aux données du projet. MCP est le protocole standard qui relie les agents à des outils.
-
Context7 (MCP)
Fournit à l'agent la documentation à jour des bibliothèques utilisées.
-
GitHub MCP (MCP)
Connecte l'agent aux dépôts, tickets et pull requests.
-
Supabase MCP (MCP)
Gérer schémas, requêtes et configuration Supabase depuis l'agent.
-
Notion MCP (MCP)
Chercher, lire et mettre à jour vos pages Notion.
-
OpenSpec
Écrire des spécifications avant de coder, pour garder l'agent sur les rails.
Tests, relecture et sécurité
Le code généré doit être vérifié avant d'être partagé.
-
Playwright MCP (MCP)
L'agent pilote un vrai navigateur pour tester votre site.
-
Semgrep (MCP)
Analyse de sécurité du code, utilisable par l'agent.
-
Prbl (web)
Détecte les failles fréquentes dans le code écrit par une IA.
-
Qodo
Relecture de code automatisée par IA.
-
Sentry (MCP)
Suivre les erreurs de l'application en production et en trouver la cause.
Déployer et exécuter
Mettre le projet en ligne ou le faire tourner dans un environnement isolé.
-
GitHub Pages
Héberge gratuitement un site statique depuis un dépôt GitHub. C'est ce qui publie cette page !
-
Cloudflare (MCP)
Déployer et gérer ses ressources Cloudflare depuis l'agent.
-
Publish.my (web)
Publier un site statique directement depuis un agent.
-
E2B
Bacs à sable sécurisés dans le cloud pour exécuter le code des agents.
Apprendre et progresser
Des guides pour travailler avec méthode. Ils sont en anglais.
-
Here's how I use LLMs to help me write code (Simon Willison)
Une méthode itérative et pragmatique pour coder avec une IA.
-
Agentic Coding Recommendations (Armin Ronacher)
Conseils concrets pour travailler avec des agents et tester leur travail.
-
Secure Vibe Coding Guide (Cloud Security Alliance)
Liste de vérifications de sécurité : secrets, autorisations, validation.
cloudsecurityalliance.org/blog/2025/04/09/secure-vibe-coding-guide
-
Vibe Coding with Confidence (Mahmoud Zalt)
Un manuel progressif dont les premiers chapitres sont gratuits.