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

•

コンテンツ管理

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.

主な機能

Parallel slide generation using specialized subagents for rapid output
Integrated animations and transitions via Framer Motion
Automated project scaffolding, dependency installation, and dev server launch
Pre-built theme system supporting glassmorphism and flat design philosophies
Responsive layout safety rules and grid systems to prevent content overflow
23 GitHub stars

ユースケース

Developing interactive product demos and pitch decks directly from the terminal
Creating technical benchmark presentations for comparing software or AI models
Generating educational tutorials and internal team documentation slides

概要

主な機能

Parallel slide generation using specialized subagents for rapid output
Integrated animations and transitions via Framer Motion
Automated project scaffolding, dependency installation, and dev server launch
Pre-built theme system supporting glassmorphism and flat design philosophies
Responsive layout safety rules and grid systems to prevent content overflow
23 GitHub stars

ユースケース

Developing interactive product demos and pitch decks directly from the terminal
Creating technical benchmark presentations for comparing software or AI models
Generating educational tutorials and internal team documentation slides