frontend-slides — Claude Skill by zarazhangrui

by zarazhangrui · Claude Skill · ★ 16.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

Stars16,438
Forks1,342
LanguageShell
CategoryClaude Skill
LicenseMIT
Quality Score58.224/100
Open Issues35
Last Updated2026-04-08
Created2026-01-28
Platformsbrowser, claude-code, cli
Est. Tokens~3k

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 · ⭐ 51.1k

    from vibe coding to agentic engineering - practice makes claude perfect

  • claude-code-ultimate-guide by FlorianBruniaux · ⭐ 4.2k

    A tremendous feat of documentation, this guide covers Claude Code from beginner to power user, with production

  • claude-mem by thedotmack · ⭐ 72.2k

    A Claude Code plugin that automatically captures everything Claude does during your coding sessions, compresse

  • oh-my-openagent by code-yeongyu · ⭐ 55.9k

    omo; the best agent harness - previously oh-my-opencode

  • caveman by JuliusBrussee · ⭐ 51.6k

    🪨 why use many token when few token do trick — Claude Code skill that cuts 65% of tokens by talking like cave

  • career-ops by santifer · ⭐ 42.2k

    AI-powered job search system built on Claude Code. 14 skill modes, Go dashboard, PDF generation, batch process

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular Shell Agent Tools

Frequently Asked Questions

What is frontend-slides?

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

What programming language is frontend-slides written in?

frontend-slides is primarily written in Shell. 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 16.4k stars and 1342 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, claude-code-ultimate-guide, claude-mem. 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