Communitygithub.com

Chris-yoo80/ppt-to-html-agent

Reconstruisez un contenu PPT ou PPTX en une présentation HTML interactive avec des révélations progressives et des animations optionnelles de type point-ligne-plan. Idéal pour la conversion et l'édition itérative de présentations, plutôt que pour une reproduction parfaite au pixel près ou la création de sites web non pertinents.

Qu'est-ce que ppt-to-html-agent ?

Ce skill permet de convertir des présentations PowerPoint (PPT/PPTX) en présentations HTML interactives avec une narration délibérée et des interactions utilisateur. Il préserve le sens de la source et distingue les faits sourcés des données illustratives. L'agent établit d'abord un brief en lisant un fichier d'instructions et en demandant les paramètres requis de manière concise. Il inspecte la source avec les outils disponibles, extrait le texte, les tableaux, les figures, l'ordre des diapositives et les notes, et signale les limitations d'extraction. Ensuite, il planifie et crée la présentation en mappant les diapositives source à des scènes HTML proposées, en identifiant le message clé, les preuves, les étapes de révélation et les animations appropriées pour chaque scène. Il utilise HTML/CSS/SVG et des ressources locales, préserve les proportions, rend le wrapping coréen lisible et assure une navigation prévisible entre les scènes et sous-étapes. Le skill inclut également la vérification de la fidélité à la source, des transitions avant/arrière, de la navigation directe par scène, des minuteries, du comportement de rejeu et de fin, ainsi que la livraison du HTML, des sources modifiables et des notes d'utilisation. Il prend en charge les plateformes d'IA hôtes capables d'exécuter des outils d'inspection de fichiers et de rendu HTML, et fonctionne en suivant un processus structuré de brief, planification, création, vérification et livraison.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Chris-yoo80/ppt-to-html-agent/tree/HEAD/skills/ppt-to-html

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Agent de présentation PPT vers HTML

Utilisez le matériel source de l'utilisateur pour créer une présentation HTML avec une narration et une interaction délibérées. Préservez le sens de la source et distinguez les faits sourcés des données illustratives.

Établir le brief

Lisez references/intake.md avant de commencer un nouveau diaporama. Posez les paramètres requis ensemble sous une forme numérotée courte. Réutilisez les paramètres déjà fournis ; ne demandez que les valeurs manquantes. Laissez l'utilisateur choisir le préréglage recommandé comme l'une des réponses. Ne commencez pas le rendu d'un nouveau diaporama tant que ces paramètres n'ont pas été répondus ou que l'utilisateur n'a pas explicitement délégué son choix. Continuez l'inspection de la source en attendant les réponses.

Inspectez la source avec les outils disponibles dans l'hôte. Extrayez le texte, les tableaux, les figures, l'ordre des diapositives et les notes pertinentes ; utilisez le rendu des diapositives lorsqu'il est disponible pour inspecter les relations spatiales. Signalez les capacités d'extraction ou de rendu indisponibles. N'affirmez pas que l'extraction a réussi lorsque seule une partie de la source a été lue. Pour les sources illisibles, identifiez la limitation spécifique et demandez une exportation accessible.

Pour les entrées PPTX accessibles et le starter HTML fourni, lisez references/authoring.md. Ce document documente les commandes d'extraction et de construction, le format de scène pris en charge et les limitations réelles des outils. L'IA hôte effectue l'interprétation et la planification ; le constructeur rend un plan rédigé.

Planifier et créer

Mappez les diapositives source aux scènes HTML proposées. Identifiez le message clé, les preuves, les étapes de révélation et l'animation appropriée pour chaque scène. Gardez les figures, les unités et les hypothèses traçables jusqu'à la source. Marquez les données d'exemple explicitement ; n'inventez pas de résultats et n'introduisez pas d'affirmations commerciales comme des faits.

Pour une nouvelle direction visuelle, présentez le plan des scènes et une scène représentative avant de l'étendre à l'ensemble du diaporama. Réutilisez les approbations antérieures lors des modifications ultérieures. Interrogez sur les modifications importantes de la portée, des revendications ou du récit ; décidez des détails de mise en œuvre de routine de manière indépendante.

Utilisez HTML/CSS/SVG et les ressources locales lorsqu'elles répondent au brief. Préservez le rapport hauteur/largeur, rendez le wrapping coréen lisible et assurez une navigation prévisible entre les scènes et les sous-étapes. Séparez le contenu éditable de la logique de lecture lorsque cela est pratique. Fournissez des contrôles visibles de précédent/suivant et des instructions d'utilisation. Utilisez un comportement de fin explicitement choisi plutôt que de supposer que le diaporama doit boucler.

Lorsque l'animation est demandée, lisez references/motion.md. Traitez la quantité de mouvement et le mode de lecture comme des paramètres séparés. Une exigence de fichier unique hors ligne inclut les polices, les images et autres dépendances ; évitez les dépendances d'exécution externes dans le cadre de cette exigence.

Pour les scènes de type vidéo, de marketing ou d'entrepôt, lisez references/motion-stories.md. Les préréglages fournis offrent une lecture continue et un contrôle de phase avec des données fictives modifiables ; ils ne sont pas des solveurs d'optimisation ou des simulations d'opération réelle.

Pour les graphiques basés sur Excel, les segments interactifs ou les analyses de support/sauvegarde, lisez references/supplemental-analysis.md. Demandez l'emplacement du classeur, les feuilles/plages et l'endroit où l'analyse résultante doit apparaître (Ressources supplémentaires, HTML autonome, ou les deux), y compris sa scène associée et son étiquette d'onglet. Réutilisez les réponses déjà données. Établissez le brief d'analyse avant de construire, commencez par des contrôles à gauche et des résultats visuels à droite lorsqu'ils sont demandés, et ajoutez des fonctionnalités avancées une fois la base convenue. Livrez l'analyse sous forme de HTML supplémentaire accessible depuis la présentation ; ne remplacez pas silencieusement la présentation et n'attachez pas le classeur brut.

Vérifier et livrer

Interrogez sur la sortie PDF et les fichiers de ressources de sauvegarde, le placement et les étiquettes d'onglets dans le brief initial. Le bouton Imprimer / PDF intégré imprime toutes les scènes avec chaque révélation visible, une scène par page paysage A4. L'analyse de support imprime ses filtres actuels et les sections facultatives séparément ; les ressources ne sont pas automatiquement fusionnées dans le PDF du diaporama. Préservez l'étape de la présentation et mettez en pause la lecture automatique après l'impression. Vérifiez la mise en page d'impression et le nombre de pages séparément de la lecture interactive.

Vérifiez la fidélité à la source, chaque scène/sous-étape, les transitions avant/arrière, la navigation directe par scène, les minuteries sur les changements de scène, le comportement de rejeu et de fin. Vérifiez le tronquage de texte, le débordement, l'accès clavier et le comportement de mouvement réduit à la taille de sortie convenue. Pour un mode impression/PDF demandé, inspectez la sortie rendue séparément des captures d'écran de la présentation.

Distinguez les vérifications statiques des vérifications du navigateur. Si l'hôte ne peut pas rendre ou exploiter la sortie, nommez la limitation et listez les comportements non vérifiés ; ne décrivez pas la présentation comme visuellement vérifiée. Ne contournez pas les restrictions de sécurité des outils pour obtenir l'accès au rendu.

Livrez le HTML, les sources modifiables et les notes d'exploitation brèves prises en charge par l'implémentation réelle. Signalez ce qui a été testé et ce qui reste non vérifié. N'affirmez pas l'exportation MP4, les dépendances installées, la prise en charge hors ligne ou la compatibilité avec l'hôte sans les vérifier.

Conservez la LICENCE du Package avec des copies du skill et conservez l'avis juridique intégré du constructeur et le texte de licence dans les sorties de présentation. L'utilisation personnelle, non commerciale et organisationnelle interne est autorisée sans frais ; les entreprises de génération externes et la redistribution payante de l'outil nécessitent une autorisation séparée. Les présentations terminées peuvent être partagées à des fins de communication dans le cadre de l'exception de sortie. Un filigrane d'auteur visible est un choix de conception distinct, non une exigence de cette licence.

Exemples de publication

Les diaporamas fournis par l'utilisateur sont des entrées de travail, pas automatiquement des exemples publics. Lors de la préparation du dépôt public de ce projet, excluez les documents d'entreprise, les images/vidéos intégrées, les notes, les données cachées, les chemins internes et le contenu commercial dérivé. Utilisez des exemples fictifs créés de manière indépendante. Ne publiez pas et ne poussez pas dans le cadre d'une demande de conversion ordinaire.

Skills associés