slides

Generate 16:9 React and Tailwind JSX slide decks with a manifest file.

Updated Apr 1, 2026
One-click install
npx skills add https://github.com/koya-alt/Catalyst --skill slides-koya-alt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/koya-alt/Catalyst/tree/main/local/skills/slides
Command: npx skills add https://github.com/koya-alt/Catalyst --skill slides-koya-alt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and developers need a fast, repeatable way to build slide decks as code in a Replit workspace, but manual setup of React components, Tailwind styles, and the slide manifest is error‑prone and time‑consuming.

Core Features & Use Cases

  • Static JSX slide components: Each slide is a separate React file with inline Tailwind styling, ensuring deterministic rendering.
  • Manifest-driven ordering: slides-manifest.json defines slide IDs, positions, filepaths, titles, and speaker notes, which the workspace UI reads for navigation and export.
  • Design guidance: Built‑in visual composition, typography, and layout rules to produce professional 16:9 decks without extra design work.
  • Validation workflow: Run pnpm run --filter @workspace/<slug> validate-slides after changes to catch broken invariants automatically.
  • Export compatibility: Supports /allslides view for PPTX export and ensures assets are referenced correctly via public/ or @assets/.

Quick Start

Ask the slides skill to create a seven‑slide pitch deck for Acme Corp.

Frequently Asked Questions about slides

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create presentation slides as React and Tailwind code?

Build presentation slides as React and Tailwind code by generating static 16:9 JSX components from a prompt. This approach uses a slides-manifest.json file for ordering and ensures deterministic rendering within a Replit workspace.

Can I export my React slide deck to PPTX?

React slide decks can be exported to PPTX. The generated slides support an /allslides view specifically designed for PPTX export, and the system ensures all assets are referenced correctly via public/ or @assets/ directories.

What is a slides-manifest.json file used for in a presentation?

A slides-manifest.json file defines slide IDs, positions, filepaths, titles, and speaker notes for a presentation. The Replit workspace UI reads this manifest to enable slide navigation and export functionality.

How do I validate presentation slides in a Replit workspace?

Validate presentation slides in a Replit workspace by running pnpm run --filter @workspace/<slug> validate-slides after making changes. This command catches broken invariants automatically to ensure deck integrity.

Do I need design experience to build professional 16:9 slide decks?

No design experience is needed to build professional 16:9 slide decks. The system applies built-in visual composition, typography, and layout rules to produce professional presentations without extra manual design work.

Why use code-based slide generation instead of traditional presentation software?

Code-based slide generation provides a fast, repeatable way to build decks as code, avoiding the error-prone manual setup of React components, Tailwind styles, and manifests. It ensures deterministic rendering and version control for your presentations.