slides

Coordinate 16:9 React slide decks with PPTX import, preview, and export.

Updated Feb 24, 2026

Search Tags:#workspace #manifest #presentation #pptx #slides #react-slides

Ready to run

npx skills add https://github.com/binan-maker/QRS --skill slides-binan-maker

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/binan-maker/QRS/tree/main/.local/skills/slides
Command: npx skills add https://github.com/binan-maker/QRS --skill slides-binan-maker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Defines a self-contained slide deck as a Skill Unit by requiring a SKILL.md at the root with a name and description.

Core Features & Use Cases

Orchestrates the creation and validation of self-contained deck artifacts inside a Replit workspace by enforcing a SKILL.md entry point and a slides manifest.
Manages slide components, manifests, and optional resource directories (scripts, references, assets) to enable 16:9 static slides, PPTX import, previews, and exports.
Supports discovery and activation of decks via the workspace UI, ensuring deterministic builds and compatibility with the slides viewer.

Quick Start

Place slide components under src/pages/slides, update slides-manifest.json, and run the validate-slides workflow to confirm the deck.

Frequently Asked Questions about slides

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

FAQPage Schema

How do I build a React slide deck for presentations in a workspace?▼

Build a React slide deck by placing slide components under src/pages/slides and updating the slides-manifest.json. Run the validate-slides workflow to confirm the 16:9 deck artifacts render correctly in the workspace viewer.

Can I import and export PPTX files for React slide presentations?▼

Yes, you can import existing PPTX files and export completed decks. The workflow manages slide components and manifests to enable PPTX import, preview, and export directly within the workspace environment.

What is a slides-manifest and how does it validate presentation components?▼

A slides-manifest is a JSON file that coordinates slide component management for deterministic builds. The validate-slides workflow checks this manifest against components in src/pages/slides to ensure reliable deck construction and viewer compatibility.

Does this presentation workflow require a specific entry point for React slides?▼

Yes, the workflow requires a SKILL.md file at the root directory with a name and description. This entry point defines the self-contained slide deck as a Skill Unit and enables discovery and activation via the workspace UI.

What's the best way to organize assets and scripts for a 16:9 slide deck?▼

Organize assets and scripts in optional resource directories alongside slide components. The workflow supports separate directories for scripts, references, and assets to ensure deterministic builds and reliable deck construction.

Why does my React slide presentation show validation errors in the workspace?▼

Validation errors occur when slide components in src/pages/slides do not match the slides-manifest.json. Update the manifest to include all components, then run the validate-slides workflow to confirm deterministic, validated deck construction.