Back to timeline

Thu, October 1507:15ToolsMCP & SkillsAI codingChinese modelsMCP & Skills guide

Frontend Slides: A skill pack that lets coding agents generate HTML presentations

Decision Brief

What changedGitHub project zarazhangrui/frontend-slides ships as a Claude Code plugin that lets a coding agent generate zero-dependency single-file HTML presentations via a frontend skill, with PPT conversion support.
Why it mattersIt lets an agent produce zero-dependency single-file HTML slides, skipping npm and frameworks and converting existing PPTs, a low-barrier path for non-designers who don't want to touch CSS/JS, though styles remain limited by built-in presets and the template library.
Who should careAI coding tool users
Affected stackClaude CodeOpenAIGeminiKimi
Builder actionUpdate Claude Code to the latest version
Source confidenceHigh · Official release / blog / repo

The project is distributed as a Claude Code plugin; its core SKILL.md can also be read by coding agents with filesystem and shell access such as Codex, Kimi Code, OpenCode, and Gemini CLI. Install it by running /plugin marketplace add in Claude Code to register the public repo, then /plugin install frontend-slides@frontend-slides, and invoke it with /frontend-slides:frontend-slides; you can also manually copy SKILL.md, STYLE_PRESETS.md, viewport-base.css, html-template.md, animation-patterns.md and scripts/ into ~/.claude/skills/frontend-slides/. The output is a single HTML file with inline CSS/JS, requiring no npm, build tools, or frameworks, fixed at 16:9 and focused on accessibility. A style-discovery phase asks about the content first, then generates 3 visual previews to choose from; PPT conversion extracts existing text, images, and speaker notes before regenerating web slides. It ships with 12 presets plus 34 optional "bold" templates from beautiful-html-templates, loaded progressively: read a slim index first, load only the preview.md of shortlisted templates, and load the full design.md only after the user makes a final choice. For product, ops, and marketing people who don't want to write CSS/JavaScript, and for teams mass-producing drafts with local coding agents, this flow removes scaffolding and dependency maintenance; but style choices remain constrained by the built-in presets and template library, and custom "wildcard" options require the agent to extend preview styles itself, with final quality depending on the chosen agent's frontend capability.

Summary basis: full article readCompiled from the source scope noted above; the original remains authoritative.

Sources

Related intel

留言

登入后即可留言,和其他 builder 交换实测心得。

还没有留言,抢头香。