skills.rest
unju-ai
unju-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

frontend-slides

Generate zero-dependency HTML presentations from scratch or convert PowerPoint files.

Updated Mar 2, 2026
Search Tags:#html#web design#presentation#animation#slides#ppt conversion
One-click install
npx skills add https://github.com/unju-ai/ecc --skill frontend-slides-unju-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-slides
Source: https://github.com/unju-ai/ecc/tree/main/.cursor/skills/frontend-slides
Command: npx skills add https://github.com/unju-ai/ecc --skill frontend-slides-unju-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users create visually appealing, animation-rich HTML presentations without needing deep design or coding expertise, streamlining the process of building decks for talks, pitches, or workshops.

Core Features & Use Cases

  • Presentation Creation: Generates zero-dependency HTML presentations from scratch.
  • PPT/PPTX Conversion: Converts existing PowerPoint files into web-based slides.
  • Style Exploration: Assists users in discovering their aesthetic preferences through visual previews.
  • Use Case: You need to create a 15-slide presentation for a conference talk about your new product. You have rough notes and want a modern, engaging design.

Quick Start

Use the frontend-slides skill to create a new presentation about the future of AI.

Frequently Asked Questions about frontend-slides

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a PowerPoint file to an HTML presentation?▼

You can convert PowerPoint files into web-based slides using the frontend-slides skill. It transforms existing PPT or PPTX files directly into zero-dependency, animation-rich HTML presentations.

Can I create HTML slides from scratch without coding experience?▼

Yes, you can generate HTML slides from scratch without deep design or coding expertise. The skill assists in discovering aesthetic preferences through visual previews to build modern, engaging presentations.

Do I need external libraries to build web-based slides with this approach?▼

No external libraries are required to build web-based slides. The generated HTML presentations are completely zero-dependency, ensuring production-quality code that fits the viewport.

What's the best way to add animations to an existing HTML slide deck?▼

To add animations to existing HTML slides, you can use the skill to enhance them. It enforces viewport fit and production-quality code while integrating animation-rich elements into your current presentation.

How does visual style exploration work for HTML presentations?▼

Visual style exploration for HTML presentations works by generating visual previews that help you discover your aesthetic preferences. This process streamlines building decks for talks, pitches, or workshops.

Related Skills

Explore More Design & Creative Skills→
khunglong-03khunglong-03

frontend-slides

Generate animation-rich HTML presentations from notes or PPT/PPTX files.

Community
Intermediate
0dot770dot77

lecture-slides

Generate HTML lecture slides from course notes or Markdown files.

Community
Advanced
gtmvalleygtmvalley
2

redesign-existing-projects

Upgrade existing websites and applications through typography, color, layout, and interactivity improvements.

Community
Advanced
MRWillisTMRWillisT
7

frontend-slides

Generate zero-dependency HTML presentations and convert PPT/PPTX decks for browser viewing.

Community
Advanced