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.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "frontend-slides". Crée un pitch deck pour ma startup IA
النتيجة المتوقعة:
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.
استخدام "frontend-slides". Convertis mon quarterly-report.pptx en format web
النتيجة المتوقعة:
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 ?
التدقيق الأمني
آمنThis 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.
درجة الجودة
ماذا يمكنك بناءه
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.
جرّب هذه الموجهات
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.
أفضل الممارسات
- 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
تجنب
- É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