Les 4 connecteurs Claude pour créer des sites web
Les 4 connecteurs à brancher sur Claude pour créer des sites web, avec le setup complet de chacun.
1. Firecrawl : le contexte avant de coder
Il va chercher les infos sur le web, analyse les sites de tes concurrents et donne à Claude tout le contexte avant de commencer quoi que ce soit.
- Site : https://firecrawl.dev
- Crée ton compte, récupère ta clé API dans le dashboard.
- Dans Claude : Settings > Connectors > Add custom connector, puis colle l'URL du serveur MCP Firecrawl indiquée dans ta page de documentation Firecrawl.
- Test à lui demander :
Get me the latest research papers on fine-tuning with Firecrawl
2. Playwright : il teste ton site à ta place
Il se contente pas de regarder ton site : il interagit avec n'importe quel élément cliquable, navigue entre les pages et vérifie que tout fonctionne.
- Dépôt officiel : https://github.com/microsoft/playwright-mcp
- Documentation : https://playwright.dev/mcp/introduction
- Installation :
npx @playwright/mcp@latest - Dans Claude Code :
claude mcp add playwright npx @playwright/mcp@latest - Test : demande-lui de cliquer sur Accueil, Services, Contact, Réserver et de te dire ce qui casse.
3. Wispr Flow : la mémoire de tes réunions
Il permet à Claude de retrouver tes notes et les transcriptions de tes réunions client. Plus besoin de réexpliquer le contexte à chaque nouvelle conversation.
- Site : https://wisprflow.ai
- Active la dictée et les notes, garde tes transcriptions au même endroit.
- Branche-le dans Claude via Settings > Connectors.
- Test : « Reprends le brief client de la réunion de lundi et liste les pages à créer. »
4. Higgsfield : les visuels sans quitter Claude
Il permet à Claude de générer les visuels de ton site directement dans la conversation.
- Serveur MCP : https://mcp.higgsfield.ai/mcp
- Aide officielle : https://higgsfield.ai/creator-hub/help-center/integrations/how-do-i-connect-higgsfield-to-claude
- Dans Claude : Settings > Connectors > Add custom connector, colle l'URL, Connect, puis autorise avec ton compte Higgsfield.
- Dans Claude Code :
claude mcp add higgsfield https://mcp.higgsfield.ai/mcp - Test :
Crée les visuels de mon site
Récapitulatif
| Connecteur | Ce qu'il apporte |
|---|---|
| Firecrawl | Le web et les concurrents analysés |
| Playwright | Les clics et les tests de ton site |
| Wispr Flow | Les notes et briefs client |
| Higgsfield | Les visuels générés dans le chat |
L'ordre de branchement conseillé
- Firecrawl pour la recherche.
- Wispr Flow pour le brief.
- Higgsfield pour les images.
- Playwright pour tester à la fin.
Une question sur un des quatre ? Réponds directement à ce message.