Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/export, and PPTX-to-web conversion. Shout out to @zarazhangrui
| Date | Stars |
|---|---|
| 2026-07-31 | 447 |
| 2026-08-02 | 449 |
| 2026-08-06 | 449 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
0.0
growth rate 0.00%/day
<div align="center"> # Frontend Slides - Editable **把 AI 生成的演示文稿，变成可以继续编辑的单文件 HTML。**<br/> **Create stunning single-file HTML decks that stay editable after generation.** 一个适用于 Claude Code / Codex 的技能，用来生成惊艳、带动画、单文件的 HTML 演示文稿，并内置浏览器编辑器：可拖拽对象、调整大小、编辑文本、重排页面、本地保存，并导出干净的独立 HTML。 A Claude Code / Codex skill for creating stunning, animation-rich, single-file HTML presentations with a built-in browser editor: drag objects, resize blocks, edit text, reorder slides, save locally, and export a clean standalone HTML. <p> <a href="https://github.com/archlizheng/frontend-slides-editable/stargazers"><img alt="GitHub stars" src="https://img.shields.io/github/stars/archlizheng/frontend-slides-editable?style=social" /></a> <a href="https://github.com/archlizheng/frontend-slides-editable/blob/main/LICENSE"><img alt="License" src="https://img.shields.io/github/license/archlizheng/frontend-slides-editable?color=22c55e" /></a> <a href="https://github.com/archlizheng/frontend-slides-editable/commits/main"><img alt="Last commit" src="https://img.shields.io/github/last-commit/archlizheng/frontend-slides-editable?color=2563eb" /></a> <img alt="Claude Code and Codex skill" src="https://img.shields.io/badge/Skill-Claude%20Code%20%2F%20Codex-111827" /> <img alt="Single-file HTML output" src="https://img.shields.io/badge/Output-single--file%20HTML-f97316" /> <img alt="46 presets" src="https://img.shields.io/badge/Presets-46-8b5cf6" /> </p> <p> <a href="#toc-installation"><strong>快速安装 / Install</strong></a> · <a href="#toc-gallery">样式图库 / Gallery</a> · <a href="#toc-try">试用参考 / Try it</a> · <a href="#toc-star-history">Star History</a> </p> <sub>如果这个 skill 帮你把 deck 从“一次性生成”变成“可继续打磨”，欢迎点一个 Star 支持。<br/>If this helps your decks stay editable instead of disposable, a Star helps more people find it.</sub> <br/> <br/> <p> <a title="Cobalt Grid" href="examples/generated/presets/cobalt-grid.html"><img src="docs/preset-previews/cobalt-grid-cover.png" width="32%" alt="Cobalt Grid editable deck preview" /></a> <a title="Studio" href="examples/generated/presets/studio-volt.html"><img src="docs/preset-previews/studio-volt-cover.png" width="32%" alt="Studio editable deck preview" /></a> <a title="Soft Editorial" href="examples/generated/presets/soft-editorial.html"><img src="docs/preset-previews/soft-editorial-cover.png" width="32%" alt="Soft Editorial editable deck preview" /></a> </p> </div> ## 目录 · Table of contents - [v2.0 更新摘要 · Release 2.0 highlights](#toc-highlights) - [这个 Skill 是做什么的 · What this does](#toc-what) - [安装 · Installation](#toc-installation) - [用法 · Usage](#toc-usage) - [样式预览图库 · Style preview gallery](#toc-gallery) - [文档结构 · Documentation map](#toc-docs) - [依赖要求 · Requirements](#toc-requirements) - [试用参考 · Try the reference](#toc-try) - [Star History](#toc-star-history) <a id="toc-highlights"></a> ## v2.0 更新摘要 · Release 2.0 Highlights 本轮将可编辑运行时与交付体验整体推进到 **2.0**：更强媒体工作流、更顺手的排版工具栏，以及更明确的缩放与导出行为。 This release bumps the editable runtime and authoring workflow to **2.0**: stronger media workflows, a smoother formatting toolbar, and clearer resize + export behavior. - **Add element（添加对象）**：编辑模式下可从当前页插入文本 / 图片 / 视频占位，并与撤销栈联动。 **Add element**: insert text / image / video placeholders on the current slide from edit mode, wired into undo/redo. - **图片与视频（Images & video）**：支持本地文件选择、`FileReader` 写入 data URL（单文件自包含）；图片支持剪贴板 **Ctrl+V / ⌘V** 粘贴（非富文本焦点时）；双击已有图/视频可重新选择文件。 **Images & video**: pick local files and embed as data URLs (single-file friendly); **paste images** with Ctrl/Cmd+V when not typing in rich text; **double-click** existing media to replace. - **缩放与媒体框（Resize & media box）**：选中对象后除右下角外，增加**右侧 / 底边**手柄，便于沿单边调整；幻灯片内图片/视频取消不当的 `max-height` 限制，缩放框体时画面会随对象尺寸填满（`object-fit: contain`）。 **Resize & media box**: corner handle plus **right and bottom edge** handles; in-slide images/videos no longer clamp to a global `max-height`, so resizing the frame actually scales the visible media (`object-fit: contai
Excerpt of 66,025 characters
Read on GitHubWould you bet a product on this? Bounded 0–100 and slow moving.
matched fp:43356cb19c73c432, llm:Repository description: 'Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/export, and PPTX-to-web conversion.'