[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-694":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":16,"starSnapshotCount":16,"syncStatus":33,"lastSyncTime":34,"discoverSource":35},694,"open-slide","1weiho\u002Fopen-slide","1weiho","A slide framework built for agents.","https:\u002F\u002Fopen-slide.dev",null,"TypeScript",5038,343,7,15,0,273,1015,1971,819,38.61,"MIT License",false,"main",true,[27,28,29],"agent","react","slides","2026-06-12 02:00:17","\u003Cimg width=\"1280\" height=\"640\" alt=\"open-slide github cover\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F02f5e6d7-12a7-4a8e-88e7-ae8770a96584\" \u002F>\n\n# open-slide\n\n**The slide framework built for agents.** Describe your deck in natural language — your coding agent writes the React. open-slide handles the canvas, scaling, navigation, hot reload, and present mode so the agent can focus on content.\n\nEvery slide renders into a fixed **1920 × 1080** canvas. Pages are arbitrary React components, not a constrained DSL.\n\n```bash\nnpx @open-slide\u002Fcli init my-slide\n```\n\n## Why open-slide\n\nSlides are visual code. Agents are great at writing code. open-slide is the missing runtime that turns \"make slides about X\" into a polished, presentable deck — without you ever leaving the chat.\n\n## Highlights\n\n### 🤖 Agent-native authoring\n\nWorks with any coding agent (Claude Code, Codex, Cursor, …). The scaffolder ships with built-in skills:\n\n- **`\u002Fcreate-slide`** — drafts a deck end-to-end. Asks four scoping questions (topic & aesthetic, page count, text density, motion vs. static), picks an id, plans the structure, and writes the pages.\n- **`\u002Fslide-authoring`** — the technical reference for the 1920 × 1080 canvas, type scale, palette, and layout rules. The agent reads this before writing.\n\nFrom a one-line prompt to a polished deck, no boilerplate.\n\n### 🎯 In-browser inspector\n\nClick any element in the dev server and attach a comment — *\"make this red\"*, *\"change to 'Open Slide Rocks'\"*, *\"shrink the headline\"*. Comments are persisted as `@slide-comment` markers in source. Run `\u002Fapply-comments` and the agent applies every pending edit, then clears the markers.\n\nThe loop: present → click to comment → `\u002Fapply-comments` → repeat.\n\n### 🖼️ Assets manager + svgl logo search\n\nManage images, videos, and fonts per deck through a built-in assets panel. Search and drop in any brand logo via the integrated [svgl](https:\u002F\u002Fsvgl.app\u002F) catalogue — no more hunting for SVGs.\n\n### 🎬 Professional present mode\n\nFullscreen playback with keyboard navigation, plus a **presenter mode** with current\u002Fnext slide preview, speaker notes, and a timer. Built for the stage, not just the browser tab.\n\n### 📦 Export to static HTML & PDF\n\nOne command exports your deck as a self-contained static HTML site or a print-ready PDF. Share without a server.\n\n### 📁 Slide manager\n\nOrganise decks into folders with custom emoji and drag-and-drop to reorder. Useful once you've built more than three decks and need to find anything.\n\n### 🚀 Deploy-friendly\n\nOutputs a plain static build — one-click deploy to Vercel, Cloudflare Pages, Zeabur, Netlify, or any static host. No server, no runtime, no lock-in.\n\n## Get started\n\n```bash\nnpx @open-slide\u002Fcli init my-slide\ncd my-slide\npnpm dev\n```\n\nThe scaffolded workspace ships with agent skills preconfigured for Claude Code. From there you drive the deck through your agent — or edit `slides\u002F\u003Cid>\u002Findex.tsx` directly. See [CLAUDE.md](CLAUDE.md) for the hard rules.\n\n## Repo layout\n\nThis repo is a pnpm + Turbo monorepo.\n\n| Path | Description |\n| --- | --- |\n| [packages\u002Fcore](packages\u002Fcore) | `@open-slide\u002Fcore` — runtime (home page, slide viewer, present mode, inspector), Vite plugin, and the `open-slide` dev\u002Fbuild\u002Fpreview CLI. |\n| [packages\u002Fcli](packages\u002Fcli) | `@open-slide\u002Fcli` — `npx @open-slide\u002Fcli init` scaffolder. Generates a minimal workspace where Vite\u002FReact\u002Ftsconfig stay hidden inside core. |\n| [apps\u002Fdemo](apps\u002Fdemo) | Example workspace that consumes `@open-slide\u002Fcore` via `workspace:*`. Used for local development of the framework. |\n\n## Development\n\n```bash\npnpm install\npnpm dev      # runs the demo against the local @open-slide\u002Fcore\npnpm build    # builds all packages\npnpm check    # type-checks all packages\npnpm lint     # lints via biome\n```\n\n## Support\n\nIf open-slide has been useful to you, consider supporting development:\n\n[![ko-fi](https:\u002F\u002Fko-fi.com\u002Fimg\u002Fgithubbutton_sm.svg)](https:\u002F\u002Fko-fi.com\u002FD1D11YPUP1)\n\n## License\n\nMIT\n","open-slide 是一个专为代理设计的幻灯片框架。它允许用户通过自然语言描述来创建幻灯片，而编码代理则负责编写React代码。其核心功能包括画布管理、缩放、导航、热重载及演示模式等，确保了开发者可以专注于内容创作。每张幻灯片都会渲染到固定大小（1920×1080）的画布上，并且页面可以是任意React组件，提供了极大的灵活性。此外，该项目还支持在浏览器中直接添加注释以修改幻灯片样式、管理多媒体资源、以及导出为静态HTML或PDF格式等功能。非常适合需要快速制作高质量演示文稿但又不想深入学习复杂工具的场景下使用。",2,"2026-06-11 02:38:43","CREATED_QUERY"]