skills.rest
getsentry
getsentryOFFICIAL
Explore all skills by this author →
Website𝕏@sentryGitHub

presentation-creator

Scaffold a React, Vite, and Recharts presentation app with Sentry branding.

905|47|Updated Jan 5, 2026
Search Tags:#branding#react#presentation#slides#vite#recharts#data-visualization
One-click install
npx skills add https://github.com/getsentry/skills --skill presentation-creator-getsentry
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: presentation-creator
Source: https://github.com/getsentry/skills/tree/main/skills/presentation-creator
Command: npx skills add https://github.com/getsentry/skills --skill presentation-creator-getsentry

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Scaffolds a data-driven presentation app built with React, Vite, and Recharts, branded for Sentry, so teams can produce polished decks quickly without starting from scratch.

Core Features & Use Cases

  • Scaffold a slide-based app structure (index.html, package.json, vite.config.js, src/) with a single distributable HTML output.
  • Render data-rich slides using Recharts when real data exists; otherwise use text-based layouts.
  • Provide keyboard navigation and a floating bottom navigation overlay, plus a persistent Sentry watermark on slides.
  • Follow Sentry design system guidelines for colors, typography, and branding across all slides.

Quick Start

Create a ready-to-run React + Vite + Recharts slide deck that follows Sentry design guidelines and outputs a single distributable HTML file.

Frequently Asked Questions about presentation-creator

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

FAQPage Schema
How do I build a data-driven presentation with React and Vite?▼

The skill scaffolds a React and Vite presentation app that uses Recharts for data visualization slides, provides keyboard navigation, and compiles into a single distributable HTML file for easy sharing.

Can I use Recharts in my slides without fabricating data?▼

Yes, Recharts renders data-rich slides when real data exists. The system enforces a strict no-fabrication policy, defaulting to text-based layouts if authentic data is unavailable.

Does this scaffold follow Sentry design system guidelines for branding?▼

Yes, the presentation scaffold applies Sentry design tokens for colors and typography, and includes a persistent Sentry watermark across all slides for consistent branding.

What is the best way to distribute a React slide deck as a single file?▼

Scaffold the project with Vite configured to bundle all assets into a single distributable HTML file, allowing the React slide deck to be shared and opened independently.

Do I need to manually set up keyboard navigation for a Vite presentation app?▼

No, the scaffolded Vite presentation app automatically includes a built-in slide system with keyboard navigation and a floating bottom navigation overlay, requiring no manual implementation.

What happens to data visualization slides if I do not provide real data?▼

If real data is not provided, the presentation system enforces a no-fabrication rule and falls back to text-based layouts instead of rendering empty Recharts components.

Related Skills

Explore More Design & Creative Skills→
sergicalsergical
1

presentation-creator

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

Community
Advanced
tiancaiamaotiancaiamao
5

presentation-creator

Create branded React and Vite slide decks with keyboard navigation and single-file HTML output.

Community
Advanced
HazATHazAT
437

presentation-creator

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

Community
Advanced
shibuiwilliamshibuiwilliam

split-to-slides

Convert markdown research reports into structured presentation slides.

Community
Intermediate