Les 4 connecteurs Claude pour créer tes sites web

Les 4 connecteurs à brancher sur Claude pour créer des sites web, avec le setup complet de chacun.

1. Firecrawl : les informations du web

Les sites deviennent du contexte. Claude va chercher les infos sur le web, analyse les sites de tes concurrents et récupère tout le contexte avant de commencer quoi que ce soit.

• Site : https://firecrawl.dev
• Documentation du serveur MCP : https://docs.firecrawl.dev/mcp-server

Setup :

1. Crée ton compte sur firecrawl.dev et récupère ta clé API dans le tableau de bord (section API Keys).
2. Ajoute le serveur distant dans Claude, avec l'URL :

https://mcp.firecrawl.dev/{FIRECRAWL_API_KEY}/v2/mcp

1. Ou en local, avec la clé dans la variable d'environnement FIRECRAWL_API_KEY :

npx -y firecrawl-mcp

2. Playwright : cliquer, naviguer, tester

Il agit sur ton site. Il clique sur n'importe quel élément cliquable, navigue entre les pages et teste que tout fonctionne.

• Dépôt officiel : https://github.com/microsoft/playwright-mcp
• Pré-requis : Node.js 18 ou plus récent

Setup :

npx @playwright/mcp@latest

Les trois usages à retenir : cliquer, naviguer entre les pages (Accueil, Services, Contact), tester.

3. Wispr Flow : tes réunions deviennent du contexte

Claude retrouve les notes et les transcriptions de tes réunions clients. Plus besoin de tout réexpliquer à chaque nouvelle conversation.

• Site : https://wisprflow.ai

Setup :

1. Installe Wispr Flow (macOS, Windows, iOS, Android).
2. Dicte ou laisse-le transcrire tes réunions clients.
3. Donne à Claude l'accès au dossier où sont tes notes et tes transcriptions, et demande-lui le brief du client.

4. Higgsfield : des visuels depuis la conversation

Du prompt aux visuels, sans jamais quitter la conversation : visuel principal, section du site, illustration.

• Site : https://higgsfield.ai

Setup :

1. Crée ton compte sur higgsfield.ai.
2. Récupère ta clé API.
3. Branche-la dans Claude, puis demande simplement :

Créer les visuels pour mon site

Le résultat, les quatre réunis

Tout reste dans la même conversation : Claude analyse, retrouve, teste et génère.

Une question ? Réponds-moi directement en message privé.