slides

Generate React-based slide decks with Tailwind CSS and manifest management.

18|4|Updated Apr 3, 2026
One-click install
npx skills add https://github.com/DevHive1/DevHive-Cli --skill slides-devhive1
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/DevHive1/DevHive-Cli/tree/main/skills/slides
Command: npx skills add https://github.com/DevHive1/DevHive-Cli --skill slides-devhive1

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This skill solves the challenge of creating visually stunning, professional-grade slide decks directly within a code-based workspace, ensuring design consistency and technical accuracy.

Core Features & Use Cases

  • Automated Deck Generation: Builds React-based slide decks with Tailwind CSS styling and integrated manifest management.
  • Visual Hierarchy & Design: Enforces strict design principles, including typography systems, color palettes, and layout patterns for 16:9 presentations.
  • Use Case: Use this skill to generate a professional pitch deck or board presentation by providing the topic, and the agent will research the brand, generate assets, and scaffold the entire React application.

Quick Start

Ask the agent to build a seven-slide pitch deck for a specific company using the slides skill.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I generate a React presentation deck with Tailwind CSS?

Build a pitch deck by providing a company topic, prompting the agent to research the brand, generate assets, and scaffold the entire React application with structured manifest management. This produces a complete, navigable 16:9 presentation.

Can I use this to create a 16:9 pitch deck directly in my workspace?

Yes, you can create a 16:9 pitch deck directly in your code-based workspace. The skill enforces strict visual hierarchy, consistent typography, and layout patterns to produce professional-grade board presentations as code-based artifacts.

What is the best way to build a slide deck with structured manifest management?

The best way to build a slide deck with structured manifest management is using an automated generation process that scaffolds a React application and applies Tailwind CSS. This ensures design consistency and technical accuracy across all slides.

Does the generated slide deck support programmatic slide navigation?

Yes, the generated slide deck supports programmatic slide navigation. It uses a structured manifest within the React application to manage slide transitions and navigate the 16:9 presentation programmatically.

Do I need React to build visual reports with this slide generation approach?

Yes, you need React to build visual reports with this approach. The skill generates React-based slide deck artifacts with Tailwind CSS styling, requiring a compatible workspace environment to render the 16:9 presentation.

Why use code-based slide generation instead of traditional presentation software?

Use code-based slide generation to ensure technical accuracy and design consistency directly within a development environment. It enforces strict typography systems and color palettes, outputting React artifacts rather than static files.