Top MCP productivité Claude Code

Les MCP qui transforment votre quotidien

Les MCP de productivité connectent Claude Code à vos outils du quotidien : email, messagerie, calendrier, design et audit web. Ils transforment Claude Code en assistant personnel capable d'agir dans votre environnement professionnel réel.

Gmail : Gestion des emails

Lisez, recherchez et gérez vos emails depuis Claude Code. Créez des brouillons, analysez des conversations et extrayez des informations clés de votre boîte mail.

Configuration JSON (exemple générique)

{
  "mcpServers": {
    "gmail": {
      "command": "npx",
      "args": ["-y", "nom-du-package-gmail-mcp"],
      "env": {
        "GMAIL_OAUTH_CLIENT_ID": "votre-client-id",
        "GMAIL_OAUTH_CLIENT_SECRET": "votre-client-secret",
        "GMAIL_OAUTH_REFRESH_TOKEN": "votre-refresh-token"
      }
    }
  }
}

Cas d'usage

• Triage intelligent : "Montre-moi les emails non lus de cette semaine et résume chacun en une phrase"
• Recherche avancée : "Trouve tous les emails de @client.com concernant le projet X"
• Brouillons automatiques : "Rédige une réponse professionnelle à cet email en reprenant les points soulevés"
• Extraction d'information : "Extrais toutes les dates de réunion mentionnées dans mes emails de la semaine"

Slack : Messagerie d'équipe

Interagissez avec Slack directement depuis Claude Code. Lisez et envoyez des messages, gérez les channels, et recherchez dans l'historique de votre équipe.

Installation

# Slack nécessite un Bot Token
claude mcp add slack -e SLACK_BOT_TOKEN=xoxb-votre-token -- npx -y @modelcontextprotocol/server-slack

Configuration JSON

{
  "mcpServers": {
    "slack": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-slack"],
      "env": {
        "SLACK_BOT_TOKEN": "xoxb-votre-bot-token",
        "SLACK_TEAM_ID": "votre-team-id"
      }
    }
  }
}

Cas d'usage

• Veille d'équipe : "Résume les messages importants du channel #engineering de cette semaine"
• Notification automatique : "Envoie un message dans #releases pour annoncer la nouvelle version"
• Recherche contextuelle : "Retrouve la conversation où on a décidé de l'architecture de la base de données"

Google Calendar : Gestion de l'agenda

Consultez et gérez votre agenda Google directement depuis Claude Code. Visualisez vos événements, trouvez des créneaux libres et planifiez des réunions.

Configuration JSON (exemple générique)

{
  "mcpServers": {
    "google-calendar": {
      "command": "npx",
      "args": ["-y", "nom-du-package-calendar-mcp"],
      "env": {
        "GOOGLE_OAUTH_CLIENT_ID": "votre-client-id",
        "GOOGLE_OAUTH_CLIENT_SECRET": "votre-client-secret",
        "GOOGLE_OAUTH_REFRESH_TOKEN": "votre-refresh-token"
      }
    }
  }
}

Cas d'usage

• Vue d'ensemble : "Montre-moi mon agenda de demain avec les détails de chaque réunion"
• Planification intelligente : "Trouve un créneau libre d'une heure cette semaine pour une session de code review"
• Préparation de réunion : "Regarde ma prochaine réunion et prépare-moi un résumé du contexte"

Figma : Design et maquettes

Accédez à vos designs Figma directement depuis Claude Code. Exportez des composants, analysez des maquettes et intégrez le design dans votre workflow de développement.

Configuration JSON (exemple générique)

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": ["-y", "nom-du-package-figma-mcp"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "figd_votre-token-figma"
      }
    }
  }
}

Cas d'usage

• Analyser un design : "Regarde cette maquette Figma et décris-moi les composants, couleurs et spacings utilisés"
• Générer du code depuis un design : "Transforme ce composant Figma en composant React avec Tailwind CSS"
• Comparer implémentation et maquette : "Compare ma page actuelle avec la maquette Figma et liste les différences"

Lighthouse : Audit de performance web

Lancez des audits Lighthouse directement depuis Claude Code. Analysez les performances, l'accessibilité, le SEO et les bonnes pratiques de n'importe quel site web.

Via le MCP Playwright (recommandé)

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@playwright/mcp"]
    }
  }
}

Puis dans Claude Code :

"Lance un audit Lighthouse sur https://mon-site.fr et donne-moi un résumé des scores"

Cas d'usage

• Audit complet : "Lance un audit Lighthouse sur ma page d'accueil et donne-moi les scores performance, accessibilité, SEO"
• Optimisation ciblée : "Analyse la performance de ma page et propose des corrections concrètes"
• Suivi d'amélioration : "Compare les scores Lighthouse avant et après mes modifications"

Récapitulatif

Prochaines étapes

• Installer et configurer un MCP : Guide d'installation détaillé et résolution des problèmes
• Top MCP développement : Context7, GitHub, Sentry, bases de données
• Top MCP design & UI : Playwright, Chrome DevTools, 21st.dev Magic
• Créer son premier workflow MCP : Combiner plusieurs MCP dans un flux de travail