One-Click HTML Presentation Animation Generator

Problem

When raw science content is passed to a model, the resulting HTML can be visually thin, poorly structured, or have animations that run only once. This skill turns the content into a presentation page such as AI_Animation.html, focusing on PPT-style carousels, flat UI flowcharts, template-driven reconstruction, and animation reset.

Core Workflow

• Mode 1: generates a PPT prompt from the input, creates a full HTML page, then reconstructs it using built-in templates. It prefers assets/templates/PPT Template-level2/ and falls back to assets/templates/PPT/.
• Mode 2: if the user explicitly asks for a flowchart, it re-renders the existing page with an assets/templates/Animation/ template as a flat UI style, without adding new content.
• Key fix: inserts a cloneNode(true) plus replaceChild script so page switches re-trigger CSS animations reliably.

Boundaries

Best for explaining models, protocols, algorithms, or architecture comparisons. It is not a substitute for real data visualization or interactive applications. Output path is user-controlled; if absent, it defaults to the desktop AI_Animation.html. Template choice should be based on content type, and complex topics should consult SUMMARY.md before selecting a template.