Skip to main content

Comment utiliser Felo Slides avec Claude Code et les agents IA

· 12 minutes de lecture
Felo Search Tips Buddy
Felo Search Tips Buddy
Committed to answers at your fingertips

Créez des diapositives propulsées par l'IA depuis le terminal en utilisant Felo Slides avec Claude Code, OpenClaw et le package npm felo-slides. Un guide pour les développeurs sur la génération de présentations par programmation.

$ npx felo-slides "Explain Kubernetes pod scheduling in 8 slides"
✓ Analyzing topic...
✓ Generating outline (8 slides)...
✓ Creating slide content...
✓ Building presentation...
✔ Done → kubernetes-pod-scheduling.felo

Et voilà. Pas de navigateur. Pas de glisser-déposer. Aucun sélecteur de modèle. Vous avez tapé une commande, et huit diapositives sont apparues.

Si vous avez déjà assisté à une réunion de 40 minutes qui aurait pu être un simple diaporama, vous savez déjà pourquoi nous avons créé Felo Slides. Mais cet article ne parle pas de l’application web — il s’agit de ce qui se passe quand on donne une API aux développeurs et qu’on leur dit d’automatiser tout.

Voici comment utiliser Felo Slides avec Claude Code, les agents OpenClaw et vos propres scripts pour générer des diapositives IA sans jamais quitter le terminal.

[IMG : Capture d’écran du terminal montrant le CLI felo-slides générant une présentation à partir d’une seule invite, avec le fichier de sortie mis en évidence]

Qu’est-ce que Felo Slides (pour les développeurs) ?​

Felo Slides est un moteur de présentation basé sur l’IA. La plupart des gens le connaissent comme une application web à slides.felo.ai. Sous le capot, c’est aussi :

  • Package npm felo-slides — une CLI et une bibliothèque pour générer des diapositives par programmation
  • Compétence Claude Code — une compétence native permettant à Claude Code de créer des présentations en ligne
  • Compétence OpenClaw — le même concept, intégré au framework d’agents OpenClaw
  • API REST — des points de terminaison HTTP pour la génération de diapositives, l’analyse de sujets et le rendu de modèles

L’application web est la façade soignée. Les outils développeurs en sont le moteur. Vous pouvez les combiner à votre guise : utiliser la CLI pour une génération rapide en local, l’API pour de l’automatisation côté serveur, ou la compétence Claude Code pour créer des diapositives de manière conversationnelle.

Quand utiliser quoi :

Cas d’usageOutil
Diapositives rapides depuis le terminalCLI felo-slides
Génération conversationnelle dans votre éditeurCompétence Claude Code
Flux de travail piloté par agentCompétence OpenClaw
Backend / CI / tâches par lotsAPI Felo Slides

Installation et configuration​

Prérequis​

  • Node.js 18+ (20+ recommandé)
  • Un compte Felo avec accès API (l’offre gratuite suffit)
  • Une clé API depuis slides.felo.ai/settings/api

Installer le package npm​

npm install -g felo-slides

Ou utilisez-le sans installation :

npx felo-slides "Your presentation topic here"

Authentification​

Définissez votre clé API comme variable d’environnement :

export FELO_SLIDES_API_KEY=fsk_your_api_key_here

Ou créez un fichier .felo-slides.json à la racine de votre projet :

{
  "apiKey": "fsk_your_api_key_here",
  "defaultOutput": "./presentations",
  "template": "developer-dark"
}

Vérifier le bon fonctionnement​

$ felo-slides --version
felo-slides 2.4.0

$ felo-slides --check
✓ API key valid
✓ Rate limit: 47/50 requests remaining
✓ Templates loaded: 12

[IMG : Comparaison côte à côte de la sortie du terminal montrant une configuration réussie vs. des erreurs d’authentification courantes]

Utiliser Felo Slides avec Claude Code​

C’est là que les choses deviennent intéressantes. La compétence Claude Code transforme l’éditeur de Claude en une véritable usine à diapositives. Au lieu d’écrire des invites et de copier le résultat, Claude génère, modifie et exporte les présentations directement.

Installer la compétence Claude Code​

# Dans le répertoire de votre projet Claude Code
claude skill add felo-slides

Cela enregistre la compétence Felo Slides dans Claude Code. Claude sait maintenant qu’il peut créer des présentations et dispose de l’accès complet à l’API felo-slides.

Utilisation de base dans Claude Code​

Une fois installée, demandez simplement à Claude naturellement :

> Crée un diaporama de 10 diapositives sur notre feuille de route d’ingénierie du T3.
  Inclure des sections sur : la migration de la plateforme,
  le plan de recrutement et le budget d’infrastructure.

Claude va :

  1. Rédiger une ébauche et confirmer la structure avec vous
  2. Générer le contenu des diapositives via l’API Felo Slides
  3. Enregistrer le fichier .felo dans votre répertoire de projet
  4. Proposer d’itérer sur certaines diapositives

Aucun changement de contexte. Aucun copier-coller. Les diapositives vivent dans votre dépôt à côté de votre code.

Avancé : modèles personnalisés dans Claude Code​

Vous pouvez définir des modèles de diapositives spécifiques au projet que Claude utilisera automatiquement :

mkdir -p .felo/templates

Créez .felo/templates/engineering.json :

{
  "name": "Engineering Update",
  "theme": "dark",
  "accent": "#6366f1",
  "fonts": {
    "heading": "JetBrains Mono",
    "body": "Inter"
  },
  "layout": {
    "titleSlide": "code-hero",
    "contentSlide": "split-left",
    "closingSlide": "cta-minimal"
  }
}

Puis, dans Claude Code :

> Crée un diaporama sur la migration du service d’authentification.
  Utilise le modèle engineering.

Claude détecte le modèle automatiquement et l’applique à chaque diapositive générée.

[IMG : Éditeur Claude Code montrant une conversation où l’utilisateur demande un diaporama, Claude génère le plan et le fichier .felo apparaît dans l’arborescence]

Modifier les diapositives de manière conversationnelle​

La véritable puissance de l’intégration Claude Code réside dans l’édition itérative :

> La diapositive 3 est trop chargée. Scinde-la en deux.
  Déplace le schéma d’architecture vers la diapositive 4.

> Ajoute des notes du présentateur aux diapositives 5-7.
  Limite-les à 50 mots chacune.

> Change la couleur d’accent pour le vert de notre marque (#10b981)
  et ajoute notre logo sur la diapositive de titre.

Chaque modification est un appel API sous le capot, mais vous ne voyez jamais la requête HTTP. Claude s’occupe de tout.

Utiliser Felo Slides avec OpenClaw​

OpenClaw pousse encore plus loin l’approche par agent. La compétence Felo Slides pour OpenClaw permet aux agents IA de générer des diapositives dans le cadre de flux de travail plus vastes — pas seulement en réponse à des commandes directes.

Configuration​

openclaw skill install felo-slides

Configurez votre espace de travail OpenClaw :

# openclaw.yaml
skills:
  felo-slides:
    apiKey: "${FELO_SLIDES_API_KEY}"
    defaultTemplate: "professional"
    outputDir: "./output/slides"

Génération de diapositives pilotée par agent​

Avec OpenClaw, vous pouvez déclencher la génération de diapositives depuis des flux d’agents :

Utilisateur : Nous venons de conclure l’accord Acme. Prépare un diaporama
              de lancement pour l’équipe d’ingénierie. Utilise le brief
              du projet depuis Notion et le planning depuis Linear.

Agent : [lit le brief Notion]
        [récupère le planning Linear]
        [génère un diaporama de 12 diapositives via felo-slides]
        [enregistre sous output/slides/acme-kickoff.felo]
        "Fait. J’ai créé un diaporama de 12 diapositives couvrant
        la portée, le calendrier, les affectations d’équipe et les jalons.
        Voulez-vous que je l’envoie sur #eng-general ?"

L’agent a extrait le contexte de deux outils externes, l’a structuré en présentation, puis a généré les diapositives — le tout en une seule exécution.

[IMG : Schéma illustrant le flux OpenClaw : requête utilisateur → collecte de contexte (Notion, Linear) → API felo-slides → fichier de sortie → livraison]

Exemples en ligne de commande​

Voyons la CLI plus en détail. Ces exemples couvrent les cas d’usage développeur les plus courants.

Générer à partir d’un sujet​

felo-slides "Microservices vs monoliths: a pragmatic guide" --slides 12

Générer à partir d’un fichier Markdown​

felo-slides --from ./meeting-notes.md --template "standup"

La CLI analyse votre markdown, détecte les titres et listes, et les mappe automatiquement en diapositives.

Générer à partir d’une URL​

felo-slides --from-url https://github.com/org/repo/blob/main/README.md

Pratique pour transformer documentation, articles de blog ou RFCs en présentations.

Génération par lot​

# Générer des diapositives pour plusieurs sujets
felo-slides batch --file topics.txt --output ./deck-batch/

Où topics.txt contient un sujet par ligne :

Q4 OKR Review
New Hire Onboarding: Backend
Incident Postmortem: 2026-05-12 Outage
Architecture Decision Record: Event Sourcing

Formats d’export​

# Exporter en PDF
felo-slides export ./output.felo --format pdf

# Exporter en PPTX
felo-slides export ./output.felo --format pptx

# Exporter en images (un PNG par diapositive)
felo-slides export ./output.felo --format png --dpi 300

Intégration CI/CD​

# .github/workflows/weekly-deck.yml
name: Generate Weekly Update Deck
on:
  schedule:
    - cron: '0 9 * * 1'  # Tous les lundis à 9h

jobs:
  generate:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - run: npx felo-slides "Weekly engineering update for ${{ github.run_id }}" --template weekly --output ./decks/
      - uses: actions/upload-artifact@v4
        with:
          name: weekly-deck
          path: ./decks/

[IMG : Journal GitHub Actions montrant l’étape felo-slides réussie, avec le diaporama généré listé dans les Artifacts]

Exemples de flux d’automatisation​

Voici trois flux réels où Felo Slides fait gagner un temps considérable.

1. Bot de préparation de réunion​

Un bot Slack qui génère un diaporama de départ avant chaque réunion récurrente :

import { FeloSlides } from 'felo-slides';
import { getMeetingContext } from './calendar-integration';

const slides = new FeloSlides({ apiKey: process.env.FELO_SLIDES_API_KEY });

// ... code identique ...

2. Pipeline Documentation → Présentation​

Convertissez automatiquement de nouveaux RFC ou documents de conception en projets de présentation :

#!/bin/bash
# hooks/post-commit-slides.sh
# ... code identique ...

Connectez-le comme hook git ou étape CI, et chaque nouveau RFC obtient automatiquement un diaporama associé.

3. Réutilisation multi-format de contenu​

Transformez un même contenu en article de blog, présentation et fil social :

import { FeloSlides } from 'felo-slides';
// ... code identique ...

Une source, trois formats de sortie. Le diaporama n’est pas un sous-produit — il est généré avec la même intelligence de contenu que l’article.

[IMG : Schéma montrant un contenu source se divisant en trois sorties : article, diaporama, fil social]

Référence API​

Pour les équipes créant des intégrations personnalisées, l’API Felo Slides expose trois points de terminaison principaux.

Authentification​

Toutes les requêtes nécessitent une clé API dans l’en-tête :

Authorization: Bearer fsk_your_api_key_here

POST /v1/slides/generate​

Génère une nouvelle présentation.

(contenu du code inchangé)

GET /v1/slides/{id}​

Vérifie le statut et récupère un diaporama terminé.

(contenu du code inchangé)

POST /v1/slides/{id}/edit​

Modifie un diaporama existant par programmation.

(contenu du code inchangé)

Limites de débit​

  • Offre gratuite : 50 requêtes/jour, 5/min
  • Offre Pro : 500/jour, 30/min
  • Entreprise : limites personnalisées

La CLI felo-slides et tous les SDK gèrent ces limites automatiquement via backoff exponentiel.

[IMG : Capture d’écran de la documentation API montrant les trois endpoints avec exemples de requêtes/réponses]

FAQ​

Puis-je utiliser Felo Slides hors ligne ?​

L’étape de génération nécessite un appel API (le modèle IA s’exécute côté serveur). Mais vous pouvez ensuite exporter les diaporamas en PDF ou PPTX et travailler localement. La CLI met en cache vos 10 derniers diaporamas pour consultation hors ligne.

Comment gérer du contenu sensible ?​

Toutes les requêtes API sont chiffrées en transit (TLS 1.3) et au repos. Le contenu n’est pas utilisé pour l’entraînement du modèle. Pour les déploiements Enterprise avec contraintes de résidence des données, contactez-nous pour des options on-premise.

Puis-je utiliser mes propres modèles ?​

Oui. Le package npm et l’API supportent les modèles personnalisés. Définissez votre modèle en JSON (voir la section Claude Code ci-dessus), puis référencez-le par nom ou chemin :

felo-slides "Topic here" --template ./my-template.json

Quel est le format de sortie ?​

Les diaporamas sont enregistrés au format .felo (JSON structuré). Vous pouvez exporter en PDF, PPTX, PNG ou HTML. Le format .felo est éditable — vous pouvez le modifier par code ou le réimporter pour d’autres éditions IA.

La compétence Claude Code fonctionne-t-elle avec le CLI Claude ou seulement l’app de bureau ?​

Les deux. Elle fonctionne avec claude dans le terminal et avec l’application de bureau. L’installation est identique.

Puis-je générer des diapositives dans d’autres langues que l’anglais ?​

Oui. Passez le paramètre language (code ISO 639-1) à l’API ou l’option --lang à la CLI :

felo-slides "Kubernetes 入门指南" --lang zh
felo-slides "Introducción a WebAssembly" --lang es

L’IA génère le contenu dans la langue spécifiée tout en conservant les termes techniques standards.

Quelle différence entre la compétence OpenClaw et la compétence Claude Code ?​

Claude Code est optimisée pour un usage interactif dans l’éditeur — elle pose des questions et itère avec vous. OpenClaw est conçue pour des flux autonomes — elle prend des entrées structurées et renvoie des résultats sans aller-retour. Même moteur, modèle d’interaction différent.

Commencez à créer​

Voici la liste de démarrage rapide :

  1. Obtenez une clé API → slides.felo.ai/settings/api
  2. Installez la CLI → npm install -g felo-slides
  3. Définissez votre clé → export FELO_SLIDES_API_KEY=fsk_...
  4. Générez votre premier diaporama → felo-slides "Your topic here"
  5. Ajoutez à Claude Code → claude skill add felo-slides
  6. Automatisez → intégrez l’API dans vos flux

Felo Slides ne cherche pas à remplacer votre outil de design. Il veut faire disparaître le problème du “je dois sortir un diaporama vite fait” — surtout quand vous vivez déjà dans le terminal, l’éditeur, ou un flux agent.

Les diapositives IA que vous créez de cette manière ne sont pas des brouillons parfaits. Ce sont des brouillons utiles. Ceux qu’on ouvre, ajuste dix minutes, et livre. C’est ça le niveau attendu.

Essayez :

npx felo-slides "The talk I've been meaning to give"

→ Felo Slides · package npm · documentation API · GitHub

Cet article est également disponible en English, 简体中文, 日本語, 한국어, 繁體中文, हिन्दी, العربية, Русский, اردو, Bahasa Indonesia, Deutsch, Tiếng Việt, Türkçe, Italiano, ไทย, Español, বাংলা and Português.