frontend-slides — Claude Skill by zarazhangrui

by zarazhangrui · Claude Skill · ★ 22.4k

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

About frontend-slides

Frontend Slides A Claude Code skill for creating stunning, animation-rich HTML presentations — from scratch or by converting PowerPoint files. What This Does Frontend Slides helps non-designers create beautiful web presentations without knowing CSS or JavaScript. It uses a "show, don't tell" approach: instead of asking you to describe your aesthetic preferences in words, it generates visual previews and lets you pick what you like. Here is a deck about the skill, made through the skill: https://github.com/user-attachments/assets/ef57333e-f879-432a-afb9-180388982478 Key Features Zero Dependencies — Single HTML files with inline CSS/JS. No npm, no build tools, no frameworks. Visual Style Discovery — Can't articulate design preferences? No problem. Pick from generated visual previews. PPT Conversion — Convert existing PowerPoint files to web, preserving all images and content. Anti-AI-Slop — Curated distinctive styles that avoid generic AI aesthetics (bye-bye, purple gradients on white). Production Quality — Accessible, responsive, well-commented code you can customize.

ai-slidesanthropicclaudeclaude-codeclaude-skillgenerative-uihtmlpresentationslidesvibe-coding

Quick Facts

Stars22,376
Forks1,827
LanguageJavaScript
CategoryClaude Skill
LicenseMIT
Quality Score57.124/100
Open Issues47
Last Updated2026-06-13
Created2026-01-28
Platformsbrowser, claude-code, node
Est. Tokens~14k

Compatible Skills

These tools work well together with frontend-slides for enhanced workflows:

  • mcp-ui — semantic(0.19)+complementary+similar_pop+shared_platform (47%)
  • pinme — semantic(0.18)+complementary+similar_pop+shared_platform (46%)

frontend-slides alternative? Top 6 similar tools

Looking for a frontend-slides alternative? If you're comparing frontend-slides with other claude skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • claude-code-best-practice by shanraisshan · ⭐ 58.4k

    from vibe coding to agentic engineering - practice makes claude perfect

  • oh-my-claudecode by Yeachan-Heo · ⭐ 36.7k

    Teams-first Multi-agent orchestration for Claude Code

  • serena by oraios · ⭐ 25.5k

    A powerful MCP toolkit for coding, providing semantic retrieval and editing capabilities - the IDE for your a

  • ccpm by automazeio · ⭐ 7.7k

    Project management skill system for Agents that uses GitHub Issues and Git worktrees for parallel agent execut

  • cherry-studio by CherryHQ · ⭐ 47.6k

    AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLM

  • awesome-claude-code by hesreallyhim · ⭐ 41.5k

    A curated list of awesome skills, hooks, slash-commands, agent orchestrators, applications, and plugins for Cl

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular JavaScript Agent Tools

Frequently Asked Questions

What is frontend-slides?

frontend-slides is Create beautiful slides on the web using a coding agent's frontend skills. It is categorized as a Claude Skill with 22.4k GitHub stars.

What programming language is frontend-slides written in?

frontend-slides is primarily written in JavaScript. It covers topics such as ai-slides, anthropic, claude.

How do I install or use frontend-slides?

You can find installation instructions and usage details in the frontend-slides GitHub repository at github.com/zarazhangrui/frontend-slides. The project has 22.4k stars and 1827 forks, indicating an active community.

What license does frontend-slides use?

frontend-slides is released under the MIT license, making it free to use and modify according to the license terms.

What are the best alternatives to frontend-slides?

The top alternatives to frontend-slides on Agent Skills Hub include claude-code-best-practice, oh-my-claudecode, serena. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.

View on GitHub → Browse Claude Skill tools