Les 4 connecteurs de Claude pour créer tes sites web

Les 4 connecteurs à brancher dans Claude pour créer tes sites web, avec le lien et le setup complet de chacun.

Les 4 connecteurs à brancher dans Claude

Connecteur	Ce qu'il apporte à Claude
Firecrawl	Le web en direct, les sites des concurrents deviennent du contexte
Playwright	Cliquer, naviguer, tester ton site
Wispr Flow	Les notes et transcriptions de tes réunions clients
Higgsfield	Les visuels de ton site, depuis la conversation

1. Firecrawl

Il cherche l'information sur le web, analyse les sites des concurrents et donne à Claude tout le contexte avant de commencer quoi que ce soit.

Site : https://www.firecrawl.dev
Serveur distant : https://mcp.firecrawl.dev/v2/mcp (avec ta clé API Firecrawl)
En local : npx -y firecrawl-mcp avec la variable FIRECRAWL_API_KEY

2. Playwright

Il ne se contente pas de regarder ton site : il interagit avec n'importe quel élément cliquable, navigue entre les pages et teste que tout fonctionne.

Dépôt : https://github.com/microsoft/playwright-mcp
Claude Code : claude mcp add playwright --scope user -- npx @playwright/mcp@latest
Puis redémarre Claude.

3. Wispr Flow

Il permet à Claude de retrouver les notes et les transcripts de tes réunions clients. Plus besoin de réexpliquer le contexte à chaque nouvelle conversation.

Site : https://wisprflow.ai
Doc du connecteur : https://docs.wisprflow.ai/articles/9551372685-connect-an-mcp-client-to-wispr-flow-remote-mcp-server
Serveur distant, rien à installer : tu ajoutes l'URL dans Claude et tu te connectes avec ton compte Wispr Flow (Notetaker et Cloud Sync activés).

4. Higgsfield

Il permet à Claude de générer les visuels de ton site sans jamais quitter la conversation.

Site : https://higgsfield.ai
Serveur distant : https://mcp.higgsfield.ai/mcp
Claude Code : claude mcp add --transport http --scope user higgsfield https://mcp.higgsfield.ai/mcp
L'autorisation se fait en OAuth dans le navigateur, pas de clé API à coller.

Où les ajouter

Dans Claude (web ou desktop) : Réglages, puis Connecteurs, puis Ajouter un connecteur personnalisé, et tu colles l'URL du serveur. Dans Claude Code : les commandes claude mcp add ci-dessus, avec --scope user pour les avoir sur tous tes projets.

L'ordre d'utilisation sur un projet de site

Firecrawl : les concurrents et ton marché deviennent du contexte.
Wispr Flow : Claude récupère le brief client de ta dernière réunion.
Claude code le site.
Higgsfield : les visuels, le visuel principal, les sections, les illustrations.
Playwright : il clique, il navigue, il teste chaque page.

Une question sur un des quatre ? Réponds directement à ce message.