Skill Design Limited info

frontend-slides

The Claude Code plugin version of Frontend Slides, packaged for marketplace installation with the same zero-dependency HTML presentation generation.

  • 30.4k GitHub stars
frontend-slides preview image

What it is

Frontend Slides (Plugin) is the Claude Code plugin packaging of the Frontend Slides skill, designed for installation through the Claude Code marketplace. It provides the same zero-dependency HTML presentation generation as the standalone skill but through the plugin interface with commands like /frontend-slides:frontend-slides. The plugin follows a six-phase workflow: detection (identifying whether creating new, converting PowerPoint, or enhancing existing work), content discovery (gathering purpose, length, content status, and density preference), style discovery (generating three visual previews for selection), generation (building the full presentation), delivery (launching and explaining customization options), and sharing (deploying to a live URL or exporting as PDF). The core design principles carry over from the standalone skill: fixed 16:9 stage, distinctive styling over generic AI aesthetics, typography and color cohesion, animation with reduced-motion fallbacks, and self-contained HTML output. The plugin structure includes a .claude-plugin directory and a skills/frontend-slides directory containing the SKILL.md that drives the agent behavior.

Who it's for

  • Claude Code users
  • developers wanting plugin-based presentation generation

Requirements

Requirements

  • Claude Code with plugin marketplace access

Setup

  1. Step 1

    bash
    /plugin marketplace add https://github.com/zarazhangrui/frontend-slides
  2. Step 2

    bash
    /plugin install frontend-slides@frontend-slides

نسخة إضافة Claude Code من Frontend Slides مُعدة للتثبيت من السوق مع نفس إنشاء العروض التقديمية HTML بدون تبعيات.

Examples

Invoke the plugin

Prompt
prompt
/frontend-slides:frontend-slides

Expected output: Invokes the plugin which starts the six-phase workflow: detection, content discovery, style discovery, generation, delivery, and sharing.

Pros & cons

Pros

  • Pro:Plugin marketplace installation for easier setup
  • Pro:Same full feature set as the standalone skill
  • Pro:Six-phase guided workflow from content discovery to deployment
  • Pro:Supports deployment to live URLs and PDF export

Cons

  • Con:Only works with Claude Code; not portable to other agent platforms in this form