Que fait moonland-deck ?
Système de conception de présentations HTML au style Dopamine-Swiss — une compétence pour Claude
Aperçu
Moonland-deck est un système de conception léger pour créer des présentations HTML élégantes avec une esthétique Dopamine-Swiss. Il permet aux utilisateurs de Claude de générer des diaporamas complets à partir d'une description textuelle, en utilisant des composants et des règles de style prédéfinis.
Fonctionnalités
- Style Dopamine-Swiss : design minimaliste, audacieux et centré sur le contenu.
- HTML autonome : la présentation est un seul fichier HTML, facile à partager.
- Aucune dépendance externe : tout le CSS et JavaScript sont inclus dans le fichier.
- Facile à personnaliser : modifiez les couleurs, les polices et la mise en page via des variables CSS.
Utilisation
Demandez à Claude de créer une présentation sur un sujet donné, par exemple :
"Crée une présentation de 5 diapositives sur les bienfaits de la méditation en utilisant moonland-deck."
Claude générera un fichier HTML complet que vous pourrez ouvrir dans n'importe quel navigateur moderne.
Composants de diapositive
diapositive-titre: diapositive d'ouverture avec titre et sous-titre.diapositive-contenu: diapositive standard avec titre et liste d'éléments.diapositive-image: diapositive avec une image pleine largeur.diapositive-citation: diapositive mettant en avant une citation.diapositive-fin: diapositive de conclusion.
Exemple de structure
<section class="slide slide-title">
<h1>Titre de la présentation</h1>
<p>Sous-titre ou auteur</p>
</section>
<section class="slide slide-content">
<h2>Point clé</h2>
<ul>
<li>Élément un</li>
<li>Élément deux</li>
</ul>
</section>
Personnalisation
Vous pouvez ajuster l'apparence en modifiant les variables CSS dans le fichier HTML généré :
:root {
--couleur-principale: #ff6b35;
--couleur-fond: #f7f7f7;
--police-titre: 'Helvetica Neue', sans-serif;
}
Licence
MIT