skills.rest
Mo7amed-Mahmoud
Mo7amed-MahmoudCOMMUNITY
Explore all skills by this author →
GitHub

slides

Scaffold 16:9 slide decks with manifest-driven JSX components and assets.

Updated Apr 18, 2026
Search Tags:#react#presentation#pptx#slides#tailwind#design-system#deck
One-click install
npx skills add https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro --skill slides-mo7amed-mahmoud
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro/tree/main/.local/skills/slides
Command: npx skills add https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro --skill slides-mo7amed-mahmoud

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building cohesive slide decks directly from code in a workspace can be error-prone and time-consuming. This Skill provides a standardized scaffold for constructing 16:9 decks with a manifest-driven workflow, reusable slide components, and a clear asset structure.

Core Features & Use Cases

  • Programmatic slide authoring: Define slides as static, predictable JSX frames that render consistently across environments.
  • PPTX import & export: Seamlessly handle PowerPoint imports and re-export into PPTX format for external sharing.
  • Manifest-driven UI: slides-manifest.json drives slide order, titles, descriptions, and speaker notes for a cohesive experience.
  • Design system guidance: Enforces spacing, typography, and color systems to maintain brand consistency across the deck.

Quick Start

Create a starter deck by updating index.html, index.css, slides under src/pages/slides/, and slides-manifest.json, then run the validation command to confirm all slides render correctly.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I create 16:9 presentation slides using React components?▼

Build 16:9 presentation slides using React by defining static JSX frames that render consistently. A manifest-driven workflow scaffolds slide components, asset directories, and UI conventions for predictable programmatic deck authoring.

Can I import and export PPTX files in a React presentation deck workflow?▼

Yes, you can import existing PowerPoint PPTX files into the workspace and re-export completed decks back to PPTX format, bridging programmatic JSX slide authoring with standard external presentation sharing.

What is a manifest-driven UI for slide decks and how does it work?▼

A manifest-driven UI uses a JSON file to drive slide order, titles, descriptions, and speaker notes, enforcing spacing, typography, and color design system consistency across all 16:9 frames.

Does this React slide deck scaffolding work with Tailwind CSS?▼

Yes, the React slide deck scaffolding supports Tailwind CSS for styling 16:9 presentation frames. Design system guidance enforces spacing, typography, and color rules directly within your static JSX components.

What is the best way to maintain design system consistency across a code-generated pitch deck?▼

The best way to maintain consistency across a code-generated pitch deck is using a manifest-driven UI with enforced design system rules. Scaffolding standardized slide components ensures spacing, typography, and colors remain cohesive.

Do I need Replit to build slide decks from code with this manifest workflow?▼

The slide deck scaffolding workflow is designed to run inside a Replit workspace, creating a reproducible environment with strict 16:9 frame sizing, frontmatter-driven entry points, and dedicated asset directories.

Related Skills

Explore More Design & Creative Skills→
tann200tann200

slides

Generate and edit presentation slide decks using React and Tailwind CSS.

Community
Advanced
aryankumarraiaryankumarrai

slides

Generate slide decks as React and Tailwind CSS applications with PPTX export.

Community
Advanced
Anuj23105Anuj23105
1

tailwind-configuration

Extend Tailwind CSS configuration with design tokens, utilities, and theme settings.

Community
Intermediate
Kirankumar2604Kirankumar2604

slides

Generate and manage React-based slide decks with PPTX import and PDF export.

Community
Advanced