Skip to content
WebAnatomy
Installer MCP gratuitementSe connecter

Installation MCP

Web Anatomy MCP

Web Anatomy se compose de deux parties : des skills gratuits que ton agent installe, et un serveur MCP en bêta privée qui lui donne les données marché en direct. Ajoute les skills en une commande ; connecte le MCP quand tu veux de vrais exemples et des benchmarks d'URL.

Streamable HTTP · Bearer token · 5 workflows · webanatomy.ai/mcp

Installer MCP gratuitementVoir GitHub

Ce que tu installes

Deux parties. Les skills sont gratuits et instantanés. Le MCP ajoute les données en direct.

Commence par les skills, sans inscription ni token. Ajoute le serveur MCP quand tu veux que ton agent récupère de vrais screenshots, des sections scorées, et des comparaisons d'URL en direct depuis la bibliothèque.

Gratuit · Open · instantané

1 · Les skills

Des plays nommés que ton agent appelle. Ils fonctionnent seuls, sans compte ni token.

À lancer dans ton projet

npx skills add GabrielAmz/web-anatomy

Fonctionne avec Claude, Cursor, Lovable, v0, et tout agent qui installe des skills.

Gratuit · bêta privée

2 · Le MCP (données marché en direct)

Un lien live vers la bibliothèque benchmark pour que ton agent cherche parmi 3 500 sections scorées, récupère de vrais screenshots, et benchmarke une URL en direct à la demande.

Bêta privée : demande l'accès dans le dashboard, on approuve dans l'heure, puis tu génères un token.

Installer MCP gratuitement

Demande l'accès, génère un token, et copie ton prompt guidé ou ta config manuelle, tout dans le dashboard.

Ajoute a ton IDE

Une config par IDE, prete a coller

Choisis ton IDE ou ton agent et copie sa config MCP. Le snippet contient un placeholder de token : genere ton token de beta privee depuis le dashboard et colle-le dedans.

  1. Ouvre un terminal n'importe où. Le flag --scope user stocke le serveur (et le token) dans ta config utilisateur : dispo dans tous tes projets, jamais committé.
  2. Colle et exécute la commande ci-dessous.
  3. Ouvre Claude Code et lance /mcp pour vérifier que webanatomy est connecté.

Ou la mettre: Terminal → claude mcp add (user scope)

claude mcp add --scope user --transport http webanatomy https://www.webanatomy.ai/mcp --header "Authorization: Bearer <paste-your-private-beta-token-here>"

Utilise la config globale (niveau utilisateur) pour ne jamais committer le token.

Recuperer ton token

Parcours d'acces

Quatre etapes, de la demande au MCP actif.

  1. 01

    Demande l'acces

    Ouvre le dashboard MCP, connecte-toi, puis demande l'acces beta privee pour ton compte.

  2. 02

    On verifie dans l'heure

    Un admin Web Anatomy verifie la demande. Une fois approuvee, la generation du token est disponible dans ton dashboard.

  3. 03

    Copie ton prompt d'installation

    Genere le token une seule fois, puis copie un prompt d'installation personnalise avec ton token prive et l'endpoint MCP.

  4. 04

    Utilise les sections depuis ton agent

    Colle le prompt dans Codex, Claude, Cursor, ou un autre agent MCP pour chercher des sections benchmark et recuperer des exemples Web Anatomy.

Installer MCP gratuitement

Cas d'usage

Ce que ton agent peut faire avec Web Anatomy.

Utilise le MCP quand ton agent a besoin de preuves issues de vrais sites avant de recommander, editer, ou ecrire.

01

Trouver des sections qui ont deja marche

Demande des exemples de hero, pricing, FAQ, comparaison, ou signup filtres par industrie et locale.

Prompt exemple

Trouve des exemples de hero IA avec de forts signaux de confiance.

02

Ameliorer une section de page

Colle ta section ou une capture, puis demande a ton agent de la comparer a de meilleurs exemples avant de modifier le copy ou le layout.

Prompt exemple

Ameliore ce tableau pricing avec des exemples Web Anatomy.

03

Benchmarker une URL ou une capture

Donne une page live ou une capture a ton agent pour obtenir les ecarts, les meilleures references, et les fixes prioritaires.

Prompt exemple

Benchmark notre homepage face aux meilleures landing pages IA.

04

Transformer les references en rapport

Demande une sortie en chat, un fichier Markdown, ou un rapport HTML pour que l'equipe puisse agir.

Prompt exemple

Cree un court rapport .md avec exemples et fixes.

FAQ

Securite, acces, et setup.

Le dashboard gere l'acces et la generation du token ; ton agent gere le setup local depuis le prompt copie.

Ou est-ce que je recupere mon token ?

Apres validation, genere-le dans le dashboard MCP. Le prompt d'installation est personnalise avec ce token a usage unique.

Ou stocker le token ?

Garde-le dans une config locale ignoree, comme une variable env ou $HOME/.webanatomy/webanatomy_mcp_token. Ne le commit pas.

Quelles donnees le MCP peut retourner ?

Il retourne des sections benchmark public-safe, des filtres, et des details de sections selectionnees. Il ne retourne pas les scores bruts, les coordonnees marker, l'acces service-role, ou les champs internes de DB.

Avec quels agents ca marche ?

Utilise le prompt copie avec Codex, Claude, Cursor, ou tout agent de code capable d'installer des skills et de configurer un serveur MCP via mcp-remote.

Et si j'utilise deja Mobbin ou Lazyweb ?

Continue a utiliser les librairies visuelles pour browser. Web Anatomy sert a ancrer ton agent de code dans des exemples benchmark qu'il peut appeler pendant le travail.

Pret a connecter

Ouvre le dashboard et demande l'acces.

Utilise le dashboard MCP pour demander l'acces beta privee, generer ton token, puis copier le prompt d'installation pour ton agent de code.

Ouvrir le dashboard MCP