frontend-slides
Créez des présentations HTML avec des animations
Les non-designers ont du mal à créer des présentations visuellement attrayantes. Cette compétence génère des decks de slides HTML de qualité production avec un style distinctif et des animations fluides grâce à un workflow guidé d'exploration visuelle.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "frontend-slides". Crée un pitch deck pour ma startup IA
Résultat attendu:
Votre présentation est prête ! Fichier : ai-startup-pitch.html. Style : Neon Cyber avec des fonds sombres. 12 slides avec des animations d'entrée, barre de progression et points de navigation. Utilisez les flèches ou scroll pour naviguer.
Utilisation de "frontend-slides". Convertis mon quarterly-report.pptx en format web
Résultat attendu:
15 slides extraites de votre PowerPoint. Maintenant sélection d'un style - j'ai créé 3 options d'aperçu (Corporate Elegant, Dark Executive, Clean Minimal). Quelle esthétique vous correspond ?
Audit de sécurité
SûrThis skill generates HTML presentations and converts PowerPoint files. Static analysis detected external_commands, network, and filesystem patterns, but evaluation confirms these are false positives. The 'external_commands' are documentation strings showing file paths. Network access is limited to loading font resources from legitimate CDNs. Filesystem operations are for extracting PPT content. No malicious intent or security risks identified.
Score de qualité
Ce que vous pouvez construire
Slides pour Conférence
Créez des slides visuellement percutantes pour des talks techniques ou des keynotes avec des animations personnalisées et une esthétique distinctive qui se démarque des présentations typiques.
Pitch Deck de Startup
Générez des pitch decks professionnels avec un design visuel poli pour impressionner les investisseurs et clients avec un effort de design minimal.
Convertir un PPT Existant vers le Web
Transformez des présentations PowerPoint héritées en format HTML moderne avec des animations améliorées et une meilleure compatibilité navigateur.
Essayez ces prompts
Crée une nouvelle présentation HTML sur [TOPIC]. J'en ai besoin pour [PURPOSE]. Rends-la visuellement impressionnante avec des animations fluides.
Je veux créer des slides avec une ambiance [VIBE]. Génère des aperçus de style pour que je puisse choisir la bonne esthétique.
Convertis mon fichier PowerPoint situé à [FILE_PATH] en une présentation HTML avec un style distinctif.
Améliore ma présentation HTML existante située à [FILE_PATH] avec de meilleures animations et un meilleur design visuel.
Bonnes pratiques
- Commencez par une structure de contenu claire avant le styling - connaissez votre message d'abord
- Utilisez la phase d'aperçu de style pour permettre aux utilisateurs de découvrir leur préférence visuelle
- Gardez les animations subtiles et intentionnelles - améliorez, ne distrayez pas
- Testez sur les appareils mobiles et désactivez les effets lourds pour les petits écrans
Éviter
- Évitez les choix de polices génériques comme Inter ou Roboto - visez une typographie distinctive
- N'abusez pas des animations - elles doivent améliorer, pas retarder le message
- Évitez les dégradés violets sur fonds blancs - c'est l'esthétique IA générique
- Ne sautez pas la phase d'aperçu de style - les utilisateurs ont besoin d'une confirmation visuelle avant la génération complète