This skill generates a zero-dependency HTML presentation that stays editable in the browser after generation. It includes object-level layout editing, slide reordering, undo/redo, and local save or export. It helps presenters, developers, and educators build custom decks without build tools, and converts existing PPT or PDF files into interactive, editable web slides.
Follow the documented setup, then try a first task.
Installs: Complete frontend-slides-editable repository skill · Claude Code, Codex
Run this command in a terminal.
npx skills add archlizheng/frontend-slides-editable
Confirm that the installed frontend-slides-editable directory contains SKILL.md, STYLE_PRESETS.md, and examples/.
In an agent chat session, invoke the installed skill by entering `/frontend-slides-editable`.
Installs: Complete frontend-slides-editable repository skill · Claude Code, Codex
If the installed skills CLI supports URL sources, run this command in a terminal.
npx skills add https://github.com/archlizheng/frontend-slides-editable
Confirm that the installed frontend-slides-editable directory contains SKILL.md, STYLE_PRESETS.md, and examples/.
In an agent chat session, invoke the installed skill by entering `/frontend-slides-editable`.
Installs: Complete frontend-slides-editable repository skill · Codex
When npx skills add is unavailable and the target directory does not already exist, run this complete command block in a terminal.
mkdir -p ~/.codex/skills git clone https://github.com/archlizheng/frontend-slides-editable.git ~/.codex/skills/frontend-slides-editable
Confirm that frontend-slides-editable contains SKILL.md, STYLE_PRESETS.md, and examples/.
In a Codex chat session, invoke the installed skill by entering `/frontend-slides-editable`.
Installs: Complete frontend-slides-editable repository skill · Claude Code
When npx skills add is unavailable and the target directory does not already exist, run this complete command block in a terminal.
mkdir -p ~/.claude/skills git clone https://github.com/archlizheng/frontend-slides-editable.git ~/.claude/skills/frontend-slides-editable
Confirm that frontend-slides-editable contains SKILL.md, STYLE_PRESETS.md, and examples/.
In a Claude Code chat session, invoke the installed skill by entering `/frontend-slides-editable`.
Uses frontend-slides-editable
/frontend-slides-editable 帮我做一个关于 AI agents for product teams 的分享
Claude
Codex
Cursor
Amp