slides

Creates slide decks with React and Tailwind; exports to PowerPoint files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react, tailwindcss, css, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the process of building and editing slide decks, providing a professional, efficient way to create presentations.

Core Features & Use Cases

  • Slide Deck Construction: Build slide decks using React and Tailwind CSS.
  • Visual Editor: Edit slides with a UI that allows for reordering, adding/deleting slides, and direct visual property editing.
  • PPTX Export: Export slide decks as PowerPoint files.
  • Use Case: Ideal for creating presentations, pitch decks, and slide-based content for meetings or conferences.

Quick Start

Use the slides skill to create a new slide deck and start adding slides with your content.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I create a slide deck using React and Tailwind CSS?

You can create a slide deck using React and Tailwind CSS by generating UI components that manage visual design and slide content. This approach builds presentations directly within your application environment.

Can I export React presentation slides as a PowerPoint file?

Yes, you can export React presentation slides as PowerPoint files. The generated slide deck can be converted into a PPTX file format for use in external presentation environments.

What is the best way to visually edit a slide deck in a React application?

The best way to visually edit a slide deck in React is using a visual editor UI. This interface allows you to reorder, add, delete slides, and directly edit visual properties without altering code manually.

Do I need Tailwind CSS to build and manage presentation slides?

Yes, you need Tailwind CSS along with React to build and manage presentation slides. These dependencies are required to handle the UI components and visual design utilities effectively.

Can I use this approach to create pitch decks and content for conferences?

Yes, you can use this React and Tailwind CSS slide generation approach to create pitch decks and slide-based content specifically tailored for meetings or conferences.

Does the visual editor support reordering and deleting slides?

Yes, the visual editor supports reordering and deleting slides. It provides a UI that allows for adding, removing, and rearranging slides while enabling direct visual property editing.