skills.rest
binan-maker
binan-makerCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/binan-maker/QRS --skill slides-binan-maker
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
ncssm-roboticsncssm-robotics
4

my-skill

Create self-contained Claude skills with SKILL.md frontmatter and optional resource directories.

Official
Basic
pinion05pinion05
3

pptx

Read, edit, and generate PowerPoint slide decks with Python scripts.

Community
Advanced
apcamargoapcamargo
190

touying-author

Author, refactor, and troubleshoot Typst Touying slide decks.

Community
Basic
koya-altkoya-alt

slides

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

Community
Advanced