missionCrousti Réservé No-Limit

Crée une extension Chrome avec Claude Code Agent Teams

Construis KreaSnap, une extension Chrome qui capture des profils LinkedIn vers Notion, en pilotant 4 agents IA avec Claude Code Agent Teams.

Étape 7 sur 7 · aussi dans 1 autre parcours
Le contexte

BRIEFING MISSION

Tu scrolles LinkedIn tous les jours. Tu croises des profils intéressants · prospects, partenaires, recruteurs, experts. Et puis… tu les oublies. Ou pire, tu te dis "je le retrouverai". Spoiler : non.

Il existe un moyen de capturer n'importe quel profil LinkedIn en un clic et de l'envoyer directement dans une base Notion structurée. Ce moyen, c'est KreaSnap : une extension Chrome que tu vas construire toi-même, avec l'aide d'agents IA qui codent pour toi.

Le plus dingue ? Tu n'as pas besoin de savoir coder. Claude Code Agent Teams s'en charge. Toi, tu pilotes.

Consigne & checklist

OBJECTIFS MISSION

Consigne et checklist

Ta mission, que tu choisis d'accepter épicétou, est de créer KreaSnap, une extension Chrome qui capture un profil LinkedIn en un clic et crée automatiquement une fiche contact structurée dans Notion. Tu ne codes pas : tu pilotes une équipe de 4 agents IA via Claude Code Agent Teams.

La mission sera considérée comme réussie si…

  • Claude Code et Agent Teams sont installés et fonctionnels
  • Les 4 agents (Cop, Coder, Notion, Snap) se sont lancés et ont produit du code
  • L'extension Chrome s'installe et détecte les pages LinkedIn
  • La connexion Notion fonctionne (token d'intégration interne)
  • La base Contacts DB est créée automatiquement avec le bon schéma (15 propriétés)
  • Un profil LinkedIn capturé génère une fiche complète dans Notion
  • La déduplication fonctionne (pas de doublon à la recapture)

Pour aller plus loin

Cette mission t'initie à Claude Code Agent Teams avec un cas concret. Une fois que tu maîtrises le principe, tu pourras appliquer la même méthode pour créer d'autres extensions, des outils internes, des automatisations avancées… Le tout sans écrire une seule ligne de code toi-même.
Le pas-à-pas

ETAPES

  1. 1
    Installe les prérequis · Node.js et tmux sur ta machine : macOS via Homebrew, Windows via WSL, Linux via apt. Le pas-à-pas détaillé par système d'exploitation t'attend dans « Démarre ta mission ici » (section Documentation & Template).
  2. 2
    Installe Claude Code · npm install -g @anthropic-ai/claude-code. Il te faut un abonnement Claude Max ou une clé APIAPI : ouvre la porte aux fonctionnalités logicielles. Anthropic.
  3. 3
    Crée le répertoire du projet · mkdir -p ~/Projets/kreasnap, puis place-toi dedans avec cd ~/Projets/kreasnap.
  4. 4
    Lance tmux et Claude Code · tmux -CC, puis active la feature expérimentale Agent Teams (CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS). Le flag --dangerously-skip-permissions laisse les agents créer des fichiers et exécuter des commandes sans te demander confirmation à chaque fois.
  5. 5
    Prépare tes deux clés · une clé API Anthropic (elle commence par sk-ant-) pour la Vision AI qui lit les profils, et un token d'intégration interne Notion (ntn_ ou secret_) pour enregistrer les contacts. N'oublie pas de partager ta page Notion avec l'intégration KreaSnap (menu ··· → Connexions).
  6. 6
    Colle le prompt Agent Teams · le prompt complet est dans « Démarre ta mission ici ». Il définit Cop, le Tech Lead, et ses 3 agents spécialisés : Coder (l'extension Chrome), Snap (le module Vision AI), Notion (le module API Notion).
  7. 7
    Observe l'équipe travailler · tmux se splitte en panneaux, chaque agent code ses fichiers en parallèle, et Cop review tout le code contre la checklist des specs. Tu peux interagir avec chaque agent dans son panneau, ou piloter l'ensemble en parlant à Cop.
  8. 8
    Charge l'extension dans Chrome · va sur chrome://extensions/, active le mode développeur et charge le dossier kreasnap/.
  9. 9
    Configure l'extension · entre ta clé Claude et ton token Notion dans l'écran de réglages, puis choisis une page parent dans ton workspace : l'extension crée automatiquement la base Contacts DB avec ses 15 propriétés.
  10. 10
    Teste la capture · ouvre un profil LinkedIn, clique sur KreaSnap et vérifie que le screenshot + la Vision AI extraient bien les données : la fiche contact doit apparaître dans Notion avec les bons champs remplis.
  11. 11
    Teste la déduplication · recapture le même profil et vérifie qu'il met à jour la fiche existante au lieu de créer un doublon.
Section réservée · No-Limit
Documentation & Template

Débloque cette partie en rejoignant le palier No-Limit.

Débloquer cette section
Section réservée · No-Limit
Correction

Débloque cette partie en rejoignant le palier No-Limit.

Débloquer cette section
Réservé No-Limit

Tu peux lire ce contenu librement. Pour le valider, il faut No-Limit.

Compléter la mission, soumettre une remise, passer le quiz et gagner de l'XP, c'est inclus dans No-Limit.

Passer à No-Limit