Craft portfolios that convert visitors into opportunities by showcasing work and creating memorable experiences for developers, designers, and creatives.
frontend-slides
The Frontend Slides skill generates visually appealing, animation-rich HTML presentations. It caters to users who want to create presentations from scratch, convert existing PowerPoint files, or enhance existing HTML presentations. A key aspect is its 'show, don't tell' philosophy, helping users discover their design preferences through visual exploration rather than abstract choices.
This skill guides users through a phased approach, starting with content discovery and style selection. It offers options for creating new presentations or converting existing PowerPoint files. Style selection involves generating mini-previews of different design themes, allowing users to choose a style that resonates with them. The final output is a self-contained HTML file with inline CSS and JavaScript, ensuring zero dependencies and easy sharing. The generated code is well-commented, accessible, and performant.
For PPT conversions, the skill extracts text and images from the PowerPoint file using `python-pptx`. It then presents the extracted content to the user for confirmation before proceeding to style selection and HTML generation. The skill also provides guidance on animation patterns, style-feeling mappings, and troubleshooting common issues.
What It Does
Creates zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files. It guides users through content discovery, style selection via visual previews, and generates production-quality slide decks.
When To Use
Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch.
Installation
Copy SKILL.md to your skills directoryWhat people say, and where to get help
No ratings yet. If you have used this skill, yours would be the first.
Sign in to leave a rating
An account keeps your review with your name on it, and lets you edit it later. Sign in or create one free.
No reviews yet
This skill has not been rated. If you have run it, a short note about what you used it for helps the next person more than any description can.
Related Skills You May Like
Discover more AI agent skills in the same category to enhance your workflow automation.
Builds immersive scroll-driven experiences like parallax storytelling and scroll animations for engaging web experiences.
Display HTML content on connected OpenClaw nodes (Mac, iOS, Android) for games, visualizations, dashboards, and interactive demos.
Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and a non-generic visual identity.
Expertise in user onboarding and activation, focusing on time-to-value, defining the 'aha' moment, and designing effective onboarding flows.
Expert in optimizing in-app paywalls & upgrade flows to convert free users to paid or upgrade to higher tiers, focusing on value & frictionless paths.
Have a Skill to Share?
Join the community and help AI agents learn new capabilities. Submit your skill and reach thousands of developers.