# Créer de belles slides avec l'IA

> Source : [https://prisme.one/plateforme/ia-juillet-2026/semaine-1-frontend-slides](https://prisme.one/plateforme/ia-juillet-2026/semaine-1-frontend-slides)

Installer le plugin frontend-slides (zarazhangrui) pour générer des présentations HTML autonomes (un seul fichier, zéro dépendance) directement avec ton IA.

## Créer de belles slides sans toucher au CSS

[**frontend-slides**](https://github.com/zarazhangrui/frontend-slides) est un plugin Claude Code (qui marche aussi très bien avec OpenCode) pour générer des **présentations HTML autonomes** : un seul fichier `.html`, zéro dépendance, esthétique propre. Pas de PowerPoint, pas de Google Slides, pas de Reveal.js à configurer. Tu décris ce que tu veux, ton IA produit le fichier, tu l'ouvres dans ton navigateur ou tu le présentes en plein écran.

![frontend-slides : créer de belles slides avec l'IA](assets/01-frontend-slides-creer-de-belles-slides-avec-l-ia.png)

---

## L'installer en une commande

Ouvre ton IA dans ton vault (Claude Code ou OpenCode) et colle ce prompt :

```
J'aimerais installer le plugin frontend-slides de zarazhangrui pour
générer des présentations HTML autonomes avec toi.

Repo officiel : https://github.com/zarazhangrui/frontend-slides

1. Va lire le README à l'URL ci-dessus.
2. Détecte si je suis sur Claude Code (commandes /plugin disponibles)
   ou OpenCode (installation manuelle dans le dossier skills).
3. Installe la méthode officielle recommandée par le README pour mon outil.
4. Vérifie que la commande `/frontend-slides` est dispo et fais un test
   rapide pour valider que tout fonctionne.

Si la doc a évolué depuis ton entraînement, fais confiance au README
plutôt qu'à ta mémoire.
```

L'IA fait le reste.

---

## L'utiliser

Une fois installé, tu lances :

```
/frontend-slides
```

Et tu décris ta présentation : sujet, audience, ton, structure souhaitée. L'IA génère un fichier HTML autonome. Tu l'ouvres dans ton navigateur, tu présentes en plein écran. Fini.

Cas d'usage typiques :

- Une pitch deck pour un appel client
- Un support pour un live ou un atelier
- Une présentation interne pour ton équipe
- Un cours, une formation
- Une explication visuelle pour un client ou un prospect

---

- J'ai installé frontend-slides via le prompt
- La commande /frontend-slides est disponible
- J'ai testé la création d'une slide d'exemple

---
Section : Installer ses outils IA