Juanjuanjie HTML Presentation
HTML for video display
Description
Recommended by
Nico@YouMind
Why we love this skill
This skill creates Apple/Notion-style HTML presentations, with detailed fonts, colors, layout, and even components and animations. It's ideal for video storyboarding and content display.
Video storyboarding, HTML presentations, PPT-style HTML, slide creation, web slides, presentation materials, HTML slides, create video storyboards with HTML, generate HTML presentations.
Related Skills
View all
HTML Slides Generator
Easily turn your ideas, materials, or scripts into professional-grade HTML slides, designed for screen recording and pitch presentations. Whether you need AI tech sharing for platforms like Douyin, WeChat Video Channel, Xiaohongshu, or Bilibili, or product pitches, course demos, or business reports, this tool helps you quickly generate a visually refined, well-structured web slideshow. It automatically builds a complete slide structure, including an eye-catching opening hook in the first 5 seconds, titles and body text for each page, along with visual design suggestions. You'll get a standalone `index.html` file containing HTML, CSS, and JavaScript, supporting keyboard navigation, button navigation, progress bar, page numbers, and animations—perfectly optimized for 16:9 landscape screen recording. From AI tech blue-white to dark cyberpunk, to Apple keynote or Notion minimal style, you can choose or customize the visual theme to match your topic. Each slide is carefully designed to keep the content focused and easy to understand, with a reserved safe area in the lower right corner for video commentary, making your presentation more expressive and professional.
E-magazine Style Slides
Create a horizontal swipe web slides (single HTML file) in the style of 'e-magazine × e-ink', featuring WebGL fluid backgrounds, serif titles + sans-serif body text, chapter title slides, data large-print slides, image grids, and more. Use this skill when you need to make a shareable, speech, or launch-style web slides, or when you mention 'magazine-style slides', 'horizontal swipe deck', 'editorial magazine', or 'e-ink presentation'.
Wang Hong Handwritten PPT
Turn articles, scripts, or technical topics into 16:9 Notability-style handwritten HTML Slides with the academic presentation feel of Wang Hong. Export each page as a PNG, and by default also generate a timeline-based HTML version with animations that can be played item by item. Trigger words: Wang Hong PPT style, Wang Hong handwritten PPT, Notability academic handwritten Slides, handwritten web PPT, handwritten PPT, mathematician handwritten presentation style, handwritten PPT timeline version, handwritten presentation animation.
Juanjuanjie HTML Presentation
HTML for video display
Description
Recommended by
Nico@YouMind
Why we love this skill
This skill creates Apple/Notion-style HTML presentations, with detailed fonts, colors, layout, and even components and animations. It's ideal for video storyboarding and content display.
Video storyboarding, HTML presentations, PPT-style HTML, slide creation, web slides, presentation materials, HTML slides, create video storyboards with HTML, generate HTML presentations.
Related Skills
View all
HTML Slides Generator
Easily turn your ideas, materials, or scripts into professional-grade HTML slides, designed for screen recording and pitch presentations. Whether you need AI tech sharing for platforms like Douyin, WeChat Video Channel, Xiaohongshu, or Bilibili, or product pitches, course demos, or business reports, this tool helps you quickly generate a visually refined, well-structured web slideshow. It automatically builds a complete slide structure, including an eye-catching opening hook in the first 5 seconds, titles and body text for each page, along with visual design suggestions. You'll get a standalone `index.html` file containing HTML, CSS, and JavaScript, supporting keyboard navigation, button navigation, progress bar, page numbers, and animations—perfectly optimized for 16:9 landscape screen recording. From AI tech blue-white to dark cyberpunk, to Apple keynote or Notion minimal style, you can choose or customize the visual theme to match your topic. Each slide is carefully designed to keep the content focused and easy to understand, with a reserved safe area in the lower right corner for video commentary, making your presentation more expressive and professional.
E-magazine Style Slides
Create a horizontal swipe web slides (single HTML file) in the style of 'e-magazine × e-ink', featuring WebGL fluid backgrounds, serif titles + sans-serif body text, chapter title slides, data large-print slides, image grids, and more. Use this skill when you need to make a shareable, speech, or launch-style web slides, or when you mention 'magazine-style slides', 'horizontal swipe deck', 'editorial magazine', or 'e-ink presentation'.
Wang Hong Handwritten PPT
Turn articles, scripts, or technical topics into 16:9 Notability-style handwritten HTML Slides with the academic presentation feel of Wang Hong. Export each page as a PNG, and by default also generate a timeline-based HTML version with animations that can be played item by item. Trigger words: Wang Hong PPT style, Wang Hong handwritten PPT, Notability academic handwritten Slides, handwritten web PPT, handwritten PPT, mathematician handwritten presentation style, handwritten PPT timeline version, handwritten presentation animation.
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.