Effect.Labs EN
Tous les effets Générateurs Nouveautés Templates Blog Astuces Favoris ✨ Premium
Effect.Labs

Fondamentaux

Boutons Texte & Typo Formulaires Navigation & UI Chargement

Design & Visuels

Backgrounds Glass & Morphism Effets Visuels Liquid & Morphing SVG & Art

Animations & Scroll

Scroll & Parallax Transitions Hover & Interactions 3D & Profondeur Curseurs

Galerie & Plus

Cartes & Layouts Galerie & Média Data & Visualisation Atmosphère Utilitaires
Tous les effets Nouveautés Favoris Templates Blog Astuces ✨ Passer Premium
← Retour à l'accueil

Connectez votre assistant IA

Effect.Labs dispose d'un serveur MCP officiel. Votre assistant IA (Claude, ChatGPT, Cursor…) peut chercher parmi les 840 effets, vous les présenter et intégrer leur code directement dans votre projet.

Ce que votre assistant peut faire

  • Chercher un effet à partir d'une description (« un bouton qui ondule au survol », « un fond aurora »), d'une catégorie ou d'une technologie.
  • Afficher la fiche d'un effet et le lien vers sa démonstration.
  • Donner le code complet des 100+ effets gratuits, sans compte.
  • Avec l'abonnement Premium : donner le code complet de tous les effets de la bibliothèque.
  • Vous présenter les offres et vous envoyer vers la page d'abonnement. Le paiement se fait toujours sur effect-labs.com, par vous.

Adresse du serveur

https://effect-labs.com/api/mcp.php

Transport HTTP. Sans compte : recherche, fiches, tarifs et code des effets gratuits. Avec votre compte abonné : code des effets premium — par le bouton « Se connecter » dans ChatGPT et Claude, ou par votre clé personnelle dans les outils configurés à la main.

Votre clé personnelle (abonnés Premium)

Dans ChatGPT et Claude (web, bureau, mobile), pas besoin de clé : un bouton « Se connecter » s'affiche dans la conversation la première fois que l'assistant demande le code d'un effet premium. Pour les outils configurés à la main (Claude Code, Cursor, Claude Desktop), créez une clé.

Connectez-vous, ouvrez la page Favoris, bloc « Assistants IA (MCP) », et cliquez sur « Créer une clé ». Elle ne s'affiche qu'une fois : copiez-la tout de suite. Vous pouvez la révoquer à tout moment depuis la même page.

Votre clé est personnelle : ne la partagez pas et ne la publiez pas, par exemple dans un dépôt de code (voir l'article 6 des CGV). Dans les exemples ci-dessous, remplacez VOTRE_CLE par votre clé.

Installation

Claude Code

claude mcp add --transport http --scope user effect-labs https://effect-labs.com/api/mcp.php --header "Authorization: Bearer VOTRE_CLE"

Sans abonnement, retirez simplement la partie --header.

Cursor

Dans le fichier ~/.cursor/mcp.json :

{
  "mcpServers": {
    "effect-labs": {
      "url": "https://effect-labs.com/api/mcp.php",
      "headers": {
        "Authorization": "Bearer VOTRE_CLE"
      }
    }
  }
}

Claude Desktop

Dans claude_desktop_config.json (Réglages → Développeur → Modifier la configuration), via mcp-remote (Node.js 18 ou plus) :

{
  "mcpServers": {
    "effect-labs": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://effect-labs.com/api/mcp.php",
        "--header",
        "Authorization:${EFFECT_LABS_AUTH}"
      ],
      "env": {
        "EFFECT_LABS_AUTH": "Bearer VOTRE_CLE"
      }
    }
  }
}

ChatGPT

Dans ChatGPT sur le web (offres payantes), activez le mode développeur dans les paramètres, puis créez une application avec l'adresse du serveur et l'authentification « OAuth ». Sans compte, ChatGPT cherche dans le catalogue, livre le code des effets gratuits et présente l'abonnement. La première fois qu'il demande le code d'un effet premium, un bouton « Se connecter » apparaît dans la conversation : connectez-vous à Effect.Labs, autorisez ChatGPT, et il reçoit le code tant que votre abonnement est actif. Vous pouvez retirer cet accès à tout moment depuis la page Favoris, bloc « Applications connectées ». Les intitulés des menus peuvent varier selon les versions de ChatGPT.

Claude (web, bureau, mobile)

Dans Claude, ouvrez Paramètres → Connecteurs → Ajouter un connecteur personnalisé, collez l'adresse du serveur et validez. Sans compte : recherche, fiches et code des effets gratuits. Au premier effet premium, Claude affiche une carte « Se connecter » : connectez-vous, autorisez Claude, et le code premium suit tant que votre abonnement est actif. Révocable depuis la page Favoris, comme pour ChatGPT.

Limites

Le code premium est limité à 50 effets différents par heure et 80 par semaine, en commun avec le site. Le code des effets gratuits est limité à 60 effets par heure depuis une même connexion. Au total, une même connexion peut faire jusqu'à 600 requêtes par heure (recherches, fiches et code). Au-delà, votre assistant reçoit un message vous invitant à réessayer plus tard.

Questions fréquentes

Qu'est-ce que MCP ?

Le Model Context Protocol est un standard ouvert qui permet à un assistant IA d'utiliser des outils externes. Ici, il donne à votre assistant un accès direct et à jour au catalogue Effect.Labs, au lieu de deviner du code.

Faut-il un abonnement ?

Non pour chercher, consulter les fiches et récupérer le code des effets gratuits. Oui pour le code des effets premium.

Effect.Labs voit-il mes conversations ?

Non. Le serveur reçoit seulement les demandes de l'assistant, par exemple une recherche ou l'identifiant d'un effet, jamais le reste de vos échanges.

Que faire si ma clé a fuité ?

Révoquez-la depuis la page Favoris et créez-en une nouvelle. L'ancienne cesse de fonctionner immédiatement.

Pas encore abonné ? Voir les offres.

Dernière mise à jour : octobre 2026

© 2026 Effect.Labs - Catalogue d'effets web premium