What tech stack does the Slides Generator use?

The skill generates a project based on React, Tailwind CSS, Framer Motion for animations, and Lucide-react for iconography.

Does it handle navigation and project setup?

Absolutely. It creates the full project skeleton, sets up routing/navigation between slides, installs dependencies, and runs the development server for you.

How does parallel generation work?

The skill dispatches separate subagents to work on different slides simultaneously, significantly speeding up the creation process for long presentations.

Are the slides responsive?

The skill follows strict layout safety rules and content density limits to ensure slides look great on 1080p displays and maintain proper padding and spacing.

Can I customize the visual style of the slides?

Yes, you can choose between 'Glass' (modern glassmorphism) and 'Flat' design styles, and select from several pre-defined color palettes like 'Dark Sapphire Blue' or 'Cyberpunk'.

Slides Generator

Name: Slides Generator
Author: NanmiCoder

byNanmiCoder

•

Content Management

Generates interactive React-based presentation slides with Tailwind CSS and Framer Motion through parallel agent execution.

The Slides Generator skill streamlines the creation of professional presentations by automating the design and development of slide decks within Claude Code. By utilizing parallel subagents, it rapidly produces high-fidelity React components for each slide, ensuring consistent aesthetics through a sophisticated theme system that supports glassmorphism and flat design. Perfect for developers needing to showcase benchmarks, product demos, or technical reports, this skill manages the entire workflow—from initial requirements gathering and outline confirmation to project scaffolding and launching a live local preview.

Key Features

01Parallel slide generation using specialized subagents for rapid output

02Integrated animations and transitions via Framer Motion

03Automated project scaffolding, dependency installation, and dev server launch

04Pre-built theme system supporting glassmorphism and flat design philosophies

05Responsive layout safety rules and grid systems to prevent content overflow

0623 GitHub stars

Use Cases

01Developing interactive product demos and pitch decks directly from the terminal

02Creating technical benchmark presentations for comparing software or AI models

03Generating educational tutorials and internal team documentation slides

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nanmicoder/claude-code-skills slides-generator

For use in Claude.ai and ChatGPT

Download Skill