[tutorial] open-slide Usage Tutorial

Note: This page is an AI-generated (gpt-5-mini-2025-08-07) translation from Traditional Chinese and may contain minor inaccuracies.

📌 Introduction

Use the open-slide skill to have AI quickly generate a presentation for you.

🚀 Hands-on

Init Demo Slide

npx @open-slide/cli init my-demo-slide

Generates a complete repo, including tools to start the presentation, Agent Skills, example slides, and more

Start the presentation

• http://localhost:5173/

cd my-demo-slide
npm run dev

Frequently used Skills

• /create-slide: used to create or draft a slide deck
• /apply-comments: used to handle @slide-comment tags

Screenshots

Using /create-slide to generate slides

Requirements Q&A (style, page count, effects, etc.)

First version of the generated slides

Leaving comments on the slides

1. Leave comments on the slides
2. Run /apply-comments in the terminal to apply changes based on the comments

Second version of the generated slides

🔁 Key takeaways

1. Use npx @open-slide/cli init my-demo-slide to generate a complete slide project
2. Use npm run dev to start the presentation
3. Use /create-slide to generate slides
4. Use /apply-comments to modify slides based on comments
5. Currently open-slide is still under development; it only supports exporting to PDF, HTML, and images

🔗 References

• Open Slide GitHub