skills.rest
HazAT
HazATCOMMUNITY
Explore all skills by this author →
Website𝕏@DanielGriGitHub

presentation-creator

Generate interactive React and Vite presentation slides with Recharts and Sentry design.

437|40|Updated Jan 31, 2026
Search Tags:#data visualization#react#presentation#slides#vite#sentry#recharts
One-click install
npx skills add https://github.com/HazAT/pi-config --skill presentation-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: presentation-creator
Source: https://github.com/HazAT/pi-config/tree/main/skills/presentation-creator
Command: npx skills add https://github.com/HazAT/pi-config --skill presentation-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of professional, data-driven presentation slides, transforming raw data and concepts into visually engaging decks.

Core Features & Use Cases

  • Automated Scaffolding: Generates a complete React + Vite project structure for presentations.
  • Data Visualization: Integrates Recharts for creating charts and graphs when real data is available.
  • Design System Integration: Applies Sentry's branding, typography, and animation system for a polished look.
  • Use Case: You need to present quarterly performance metrics. Provide the data, and this Skill will generate a slide deck with appropriate charts, narrative flow, and Sentry branding, ready for deployment.

Quick Start

Use the presentation-creator skill to build a presentation about Q3 performance with 5 slides.

Frequently Asked Questions about presentation-creator

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

FAQPage Schema
How do I generate interactive data visualization slides from raw quantitative data?▼

Yes, you can create a complete slide deck using React and Vite. This Skill scaffolds a full presentation application, applying the Sentry design system to ensure professional branding, typography, and polished animations.

What is the best way to automate building a presentation deck with charts and branding?▼

The best way to automate presentation creation is by providing your raw data and slide concepts to this Skill. It automatically generates a styled, data-driven slide deck with appropriate Recharts graphs and Sentry branding, ready for deployment.

Do I need real data to use Recharts for generating presentation slides?▼

You do not always need real data to generate slides, but Recharts integration is specifically designed for visualizing real quantitative data. Providing actual metrics ensures the generated charts accurately reflect your presentation narrative.

Does this presentation generator output a full project structure or a single file?▼

This presentation generator outputs a complete React and Vite project structure during development, but compiles down to a single-file HTML output. This single-file format makes the final interactive presentation easy to share and deploy.

Can I apply the Sentry design system to custom React presentation slides?▼

Yes, you can apply the Sentry design system to custom React slides. This Skill adheres to strict Sentry design guidelines, automatically applying its branding, typography, and animation system to your generated presentation deck.

Related Skills

Explore More Design & Creative Skills→
AndurilCodeAndurilCode
7

presentation-craft

Create slide-by-slide presentation scripts with narrative arcs and timing.

Official
Intermediate
TencentCloudBaseTencentCloudBase
72

web-development

Structure and deploy web frontend projects with CloudBase Web SDK integration.

Official
Intermediate
sergicalsergical
1

presentation-creator

Generate a single-file HTML presentation with React, Vite, and Recharts.

Community
Advanced
legoutlegout
3

slidev

Generate and manage web-based slide decks from Markdown with Vue components.

Community
Intermediate