Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Introducing open-slide - The slide framework built for agents. Prompt your agent, get a polished deck. $ npx @⁠open-slide/cli init 👇

461,684 Aufrufe • vor 6 Monaten •via X (Twitter)

70 Kommentare

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

GitHub 👇

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

open-slide is the missing runtime between 𝚖𝚊𝚔𝚎 𝚖𝚎 𝚜𝚕𝚒𝚍𝚎𝚜 𝚊𝚋𝚘𝚞𝚝 𝚇 and a presentable deck. Every slide is a react component on a 1920×1080 canvas. Ships with built-in agent skills: › /create-slide - drafts a full deck from a one-line prompt › /apply-comments - applies all your in-browser feedback in one shot Works with Claude Code, Cursor, Codex - any coding agent.

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

In-browser inspector Click any element → leave a comment like 𝚖𝚊𝚔𝚎 𝚝𝚑𝚒𝚜 𝚛𝚎𝚍 or 𝚜𝚑𝚛𝚒𝚗𝚔 𝚝𝚑𝚎 𝚑𝚎𝚊𝚍𝚕𝚒𝚗𝚎 → run /apply-comments → the agent applies every edit. No more copy-pasting feedback into chat.

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

More things it handles so your agent doesn’t have to: › Presenter mode with speaker notes + timer › Export to static HTML & PDF › Built-in assets manager with svgl logo search › One-click deploy to Vercel / Cloudflare / Netlify

Profilbild von Eren Suner
Eren Sunervor 6 Monaten

Same play as hyperframes or remotion and I like it! Keep up the good work man! Should I add this as a feature to

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Sure! appreciate it 🙏🏻

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

You can check out more demo slides here 👇

Profilbild von Rohan Shah
Rohan Shahvor 6 Monaten

nice, will give it a shot, tried 2 days ago

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

🤍

Profilbild von FileCity
FileCityvor 6 Monaten

Great Work! @1weiho Here is a visual map + narrated walkthrough of open-slide

Profilbild von AI Mastery Guide
AI Mastery Guidevor 6 Monaten

From prompt to polished slides in one go, this is the kind of tool that just quietly saves hours every week

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

🙏🏻

Profilbild von AI Mastery Guide
AI Mastery Guidevor 6 Monaten

🫡

Profilbild von Divyam Kumar Pandey
Divyam Kumar Pandeyvor 6 Monaten

Been waiting for something that treats slides like code. The /create-slide aesthetic picker is next-level thoughtful.

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

glad you like it, looking forward to hearing your feedback!

Profilbild von Mark James Francis
Mark James Francisvor 6 Monaten

Great idea. I've tried to use the yaml to slides tools created pre ai, with limited success. The best I've managed recently is just having basic HTML pages with inline left and right navigation. Styling is still challenging, I feel like we need basic design guardrails. Anyway, I'll definitely try this out, thanks

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

looking forward to hearing your feedback!

Profilbild von bg
bgvor 6 Monaten

Love it!!! I built a similar approach of agent first for spreadsheets... Couldn't make such a clean solution as yours though, sheets need a runtime I guess. Congrats!

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Thank you! 🤍 looking forward to you finding a solution for the spreadsheet!

Profilbild von tharshan
tharshanvor 6 Monaten

Looks cool! But unless it goes to a proper pptx - it’s not very useful

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Working on it!

Profilbild von Luisillo
Luisillovor 6 Monaten

@Teknium should this be in Hermes ? Anything like this already ?

Profilbild von Jeremy Nguyen ✍🏼 🚢
Jeremy Nguyen ✍🏼 🚢vor 6 Monaten

Thank you so much for sharing this with us all!

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

🤍

Profilbild von kiosa
kiosavor 6 Monaten

Smart approach - slides as React code means version control, git diff on every change, and your agent can actually reason about the structure. Gamma and Canva give you pretty output you can’t really own. This gives you a codebase

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Thanks! 🤍

Profilbild von 𝘿𝙖𝙫𝙞𝙙 ✦ 𝙈𝙂𝙏
𝘿𝙖𝙫𝙞𝙙 ✦ 𝙈𝙂𝙏vor 6 Monaten

actually useful. Been burned too many times by "AI-generated" decks that are just bullet soup with gradients. Gonna spin this up on a client proposal and see if the output is actually presentable.

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Looking forward to hearing your feedback!

Profilbild von Petr Homoky
Petr Homokyvor 6 Monaten

Hohiho. 🤣🤣🤣 i will use this to make putch deck for

Profilbild von Dev K
Dev Kvor 6 Monaten

Click an element, leave a comment, agent applies the edit. No copy-pasting feedback into chat. That detail alone changes how you think about human-agent collaboration on visual output.

Profilbild von CloakPanda
CloakPandavor 6 Monaten

这个作品太棒了👏

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

太感谢了🙏🏻

Profilbild von Ben Freed
Ben Freedvor 6 Monaten

Right after I wrestle with office cli and gws CLI for weeks

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

@codevibesmatter 😂😂😂

Profilbild von Richie Tan
Richie Tanvor 6 Monaten

Really cool, love how easy to use it is! Will you be adding support for export to PPTX?

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Working on it!!

Profilbild von Richie Tan
Richie Tanvor 6 Monaten

Looking forward to it!

Profilbild von Luca Bertelli
Luca Bertellivor 6 Monaten

Cool! I used @Slidevjs which makes you write Markdown, but I guess using React makes it more flexible and powerful

Profilbild von Zeb Evans
Zeb Evansvor 3 Monaten

awesome work @1weiho - sent you a DM!

Profilbild von Yiwei Ho
Yiwei Hovor 3 Monaten

Replied! 🫡

Profilbild von Joaquin Bonifacino
Joaquin Bonifacinovor 6 Monaten

It straight up doesnt work on windows, tried to get it to work, got 3 different errors and just deleted

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Hi 👋 sorry I don’t have a windows device to test on. could you briefly describe the error you’re seeing?

Profilbild von Joaquin Bonifacino
Joaquin Bonifacinovor 6 Monaten

Its not taking into account the way slashes and backslashes work in Windows so it just doesnt compile: [plugin:vite:import-analysis] Failed to resolve import "/@fsC:/Users/User/slides/slides/getting-started/index.tsx" from "virtual:open-slide/slides". Does the file exist?

Profilbild von Naufal
Naufalvor 6 Monaten

Super neat

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

🤍

Profilbild von Gianfranco P.
Gianfranco P.vor 6 Monaten

Can it follow existing themes or create one and keep using that?

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Yes!

Profilbild von Sarah Wolf
Sarah Wolfvor 6 Monaten

🔥

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

🤍

Profilbild von Anshul Soni
Anshul Sonivor 6 Monaten

bro this is going to be the craziest shit

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

🤍

Profilbild von Adonis → partiujogo
Adonis → partiujogovor 6 Monaten

@banhosdev

Profilbild von Abhiram Gannavaram
Abhiram Gannavaramvor 6 Monaten

Amazing, bro! The slide generation is super mind-blowing. However, the background music is haunting me.

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Sorry for the music 😂

Profilbild von Abhiram Gannavaram
Abhiram Gannavaramvor 6 Monaten

hehe its very good music .🙂

Profilbild von ClawdBob 🦀
ClawdBob 🦀vor 6 Monaten

agent 给 agent 造工具,链条总得从某处开始。

Profilbild von Supreme
Supremevor 6 Monaten

slides are so 2025, they are boring

Profilbild von 紫苏子ACG
紫苏子ACGvor 6 Monaten

这个好像也可以结合到OpenDesign里面去。😄 @tuturetom

Profilbild von Ritchie Wong
Ritchie Wongvor 6 Monaten

cool stuff - how can i config to consistently produce my on brand template? thanks

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

open-slide has a theme concept! You can use the built-in /𝚌𝚛𝚎𝚊𝚝𝚎-𝚝𝚑𝚎𝚖𝚎 skill to set up a style. Future slide decks will follow that style by default.

Profilbild von Ritchie Wong
Ritchie Wongvor 6 Monaten

thanks do i just refer to the file i put in the folder as ref? so far, what are the best performing examples to feed it to have the more precise output, or generate a more accurate theme/skill? cool stuff you're building man!

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Thanks! 🙏🏻 Yeah, when you use /𝚌𝚛𝚎𝚊𝚝𝚎-𝚜𝚕𝚒𝚍𝚎 and mention that theme md file, you’ll usually get a super consistent look in the output. From my tests so far, the consistency’s been pretty high!

Profilbild von Ritchie Wong
Ritchie Wongvor 6 Monaten

but what if i already have a template, and if i use create theme, do i refer my existing template (eg pptx file), or do i need to first generate a slide with /create-slide, and then use that as the 'template' per se? not sure if my Q is clear haha basically i want to turn my current templates into a some kind of design.md but for slide, and then just generate the same set over and over haaa thanks!

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

great question! both approaches work! you can either: - feed your existing template (e.g. a .pptx file) directly into /create-theme, or - first generate a slide with /create-slide, then reference that as the source for /create-theme either way, it’ll extract the design patterns and produce a theme you can reuse to generate consistent decks over and over. one thing to note though, if you go the .pptx route, it depends on whether the agent you’re using can read/parse .pptx files. If it can, you’re good to go! 🤍

Profilbild von Ritchie Wong
Ritchie Wongvor 6 Monaten

thank so much man for the detailed response so far any tricks/tips/prompts on turning existing template into more accurate theme md? also, new to this game (using opencode now), any good pptx file reading/parsing agent/skill u would recommend? thanks

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

I haven’t tried this much yet, but right now I feel Anthropic’s PPTX is super promising!

Profilbild von iury souza
iury souzavor 6 Monaten

Great idea! Will definitely try out

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Thanks! 🫡🤍

Profilbild von Yen Cheng Lin ✨
Yen Cheng Lin ✨vor 6 Monaten

Love it, really good to use. 🐐

Profilbild von Yiwei Ho
Yiwei Hovor 6 Monaten

Thanks 🤍

Ähnliche Videos