slides

Builds React and Tailwind slide deck artifacts with manifest management and PPTX import.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating professional presentation decks inside the Replit workspace requires coordinating React slide components, a manifest contract, brand research, and visual editor compatibility, which is error-prone without a defined workflow. ## Core Features & Use Cases - Slide Deck Creation: Generates full 16:9 slide decks as React + Tailwind components with a slides-manifest.json contract, typography system, and cohesive design direction. - PPTX Import: Converts attached .pptx files into editable slide artifacts via the importPptx callback, skipping manual slide building entirely. - Visual Editor Compatibility: Enforces static inline JSX, viewport-relative units, and required container classes so slides work with the workspace's visual editing, thumbnails, and PPTX export. - Use Case: A founder asks for an investor pitch deck for their startup; the skill researches the brand, generates imagery, writes all slide components in one batch, validates the manifest, and delivers a polished deck. ## Quick Start Create a 6-slide pitch deck for my company using our brand colors and logo from the attached files.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I import a PowerPoint file into a Replit slide deck?

Attach the .pptx file and the skill calls importPptx with the file path in attached_assets. The import callback handles the entire conversion, so no manual slide building, templates, or content outlines are needed.

How do I create a slide deck in the Replit workspace?

Request a presentation, pitch deck, or slides and the skill builds a React + Tailwind app with one component per slide in src/pages/slides. It writes all files in one batch, updates slides-manifest.json, then runs validate-slides before presenting.

Why can't I use .map() loops or dynamic content in slide components?

The workspace visual editor must map each DOM element back to a specific line in the JSX source. Dynamic generation breaks that mapping, so every element must be written as static inline JSX with Tailwind spacing instead of <br/> tags.

Can slides be exported to PowerPoint or PDF?

Yes, the workspace UI provides PPTX export and the /allSlides route renders every slide for screenshot-based export to thumbnails, PDF, and PPTX. Slides must render all content visibly on load for export compatibility.

Why are animations and buttons not allowed on slides?

Slides must be statically visible on load for screenshot-based export, so buttons, hover effects, and animations are disabled by default. Animations are only added when explicitly requested, scoped per slide and disabled in the /allSlides view.

How do image paths work in slide decks with a dynamic base path?

Files in public/ must be prefixed with import.meta.env.BASE_URL since decks are served under a dynamic base path. User-attached files imported via @assets/... are resolved by Vite and need no prefix.