frontend-slides
Create beautiful web slides using frontend skills with code proxies.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 22.7k
- Source
- skill-github
- Repository
- github.com/zarazhangrui/frontend-slides
Overview
Frontend Slides is a code proxy skill for creating stunning HTML presentations from scratch or by converting PowerPoint files. It is packaged as a Claude Code plugin, and its core `SKILL.md` can also be read by other code agents with file system and shell access. This skill enables non-designers to create visually appealing web presentations without knowledge of CSS or JavaScript. It follows a 'show, don't tell' approach: generating visual previews for users to select their preferred styles.
Capabilities
- ▪Zero dependency - inline CSS/JS in a single HTML file
- ▪Visual style discovery - choose from generated visual previews
- ▪PPT conversion - transform existing PowerPoint files into web slides
- ▪Avoid generic AI aesthetics - curated unique styles
- ▪Bold template pack - optional avant-garde design templates
Use cases
Setup
Install via Claude Code custom marketplace source: "/plugin marketplace add https://github.com/zarazhangrui/frontend-slides", then run "/plugin install frontend-slides@frontend-slides".
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How to install Frontend Slides?
Install via Claude Code's custom marketplace source, or manually copy the skill files to the Claude Code skills directory.
Which code agents are supported?
Supports Claude Code, Codex, Kimi Code, OpenCode, Gemini CLI, and other local code assistants.
Related skills
material-3-skill
Material Design 3 skills, supporting over 30 components, design tokens, themes, and responsive layouts.
xhs-visual-director-skill
Visual director for Xiaohongshu image and text planning, offering multi-page structure and visual solutions.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
ui-ux-pro-max-skill-cn
Professional-grade UI/UX design intelligence for AI coding assistants.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.