slides

Generate slide decks with React and Tailwind CSS components.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/aqeelalamfca-sys/Test-Audit --skill slides-aqeelalamfca-sys
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/aqeelalamfca-sys/Test-Audit/tree/main/.local/skills/slides
Command: npx skills add https://github.com/aqeelalamfca-sys/Test-Audit --skill slides-aqeelalamfca-sys

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill empowers you to create visually stunning, professional slide decks directly from code, ensuring a consistent and polished aesthetic for any presentation.

Core Features & Use Cases

  • Code-based Slide Creation: Build presentations using React and Tailwind CSS components.
  • Visual Editing Compatibility: Designed for seamless integration with visual editing tools.
  • Customizable Aesthetics: Define unique brand identities with custom color palettes and typography.
  • Use Case: Generate a marketing pitch deck for a new product launch, complete with a custom brand identity and compelling visuals.

Quick Start

Use the slides skill to create a new presentation deck.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I create presentation slides using React and Tailwind CSS?

You can create presentation slides using React and Tailwind CSS by generating code-based components that adhere to strict design principles for visual hierarchy, clarity, and polish. This approach ensures a consistent, professional aesthetic for your deck.

Can I export code-based slide decks to PPTX format?

Yes, code-based slide decks built with this approach support export formats like PPTX. This ensures your React and Tailwind CSS presentations remain compatible with traditional presentation software and visual editing tools.

How do I apply a custom brand color palette and typography to a presentation deck?

To apply custom brand aesthetics, you define unique color palettes and typography within the React and Tailwind CSS slide generation process. This allows you to create tailored visual identities for corporate, editorial, or marketing pitch decks.

What is the best way to build a marketing pitch deck with code instead of a visual editor?

Building a marketing pitch deck with code involves using React and Tailwind CSS to generate visually stunning slides. This method provides strict control over visual hierarchy, custom layouts, and polished aesthetics directly from your codebase.

Do I need React knowledge to generate professional slide decks?

Familiarity with React and Tailwind CSS is beneficial since the presentation decks are generated as code-based components. The system handles layout generation, but understanding these frameworks helps you customize slide layouts and visual identities effectively.

What slide layouts are supported for data-forward presentations?

The system supports various slide layouts designed for diverse use cases, including data-forward presentations, corporate decks, and editorial content. It enforces strict design principles to maintain clarity and visual hierarchy across all generated slides.