presentation-creator
Presentation Creator scaffolds a complete slide-based React application with Recharts data visualization, keyboard navigation, and Sentry design system styling. It outputs a single distributable HTML file and enforces real data validation—charts are only generated when source content contains concrete quantitative data, never fabricated numbers.
Presentation Creator builds interactive, data-driven slides using React and Recharts with Sentry branding.
AI-generated summary based on this skill's SKILL.md
Install
getsentry/skills/presentation-creator · repository language: Python
git clone https://github.com/getsentry/skills
cp -r skills/skills/presentation-creator ~/.claude/skills/presentation-creatorFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I create a presentation with charts and data using Presentation Creator?
Presentation Creator generates a complete React application with Recharts integration for data visualization. You provide your quantitative data, and the tool scaffolds interactive slides with built-in chart components. The output is a single HTML file ready to distribute, featuring keyboard navigation and Sentry design system styling for a professional appearance.
Can Presentation Creator build interactive slides with React and Vite?
Yes. Presentation Creator scaffolds a full React+Vite project structure optimized for data-driven presentations. It sets up the build tooling, component architecture, and dependencies needed to create keyboard-navigable slide decks with Recharts visualizations, all packaged into a single distributable HTML file.
What happens if I try to create slides with fabricated numbers?
Presentation Creator enforces real data validation—it will not generate charts from fabricated numbers. The tool only creates visualizations when your source content contains concrete, verifiable quantitative data. This ensures your presentations maintain data integrity and credibility.
Does Presentation Creator support animations and Sentry branding?
Presentation Creator includes staggered animations for slide transitions and chart reveals, and applies Sentry's design system styling by default. You get a polished, branded presentation with smooth visual effects and keyboard navigation built in, all within the single-file HTML output.
What license does Presentation Creator use?
Presentation Creator is released under the Apache-2.0 license, allowing you to use, modify, and distribute the tool and generated presentations freely, provided you include the license notice.
SKILL.md
rendered from the published skill — quoted content, verbatim
Sentry Presentation Builder
Create interactive, data-driven presentation slides using React + Vite + Recharts, styled with the Sentry design system and built as a single distributable HTML file.
Step 1: Gather Requirements
Ask the user: 1. What is the presentation topic? 2. How many slides (typically 5-8)? 3. What data/charts are needed? (time series, comparisons, diagrams, zone charts) 4. What is the narrative arc? (problem → solution, before → after, technical deep-dive)
Data Assessment (CRITICAL)
Before designing any slides, assess whether the source content contains real quantitative data (numbers, percentages, measurements, time series, costs, metrics). Only create Recharts visualizations for slides where real data exists. Do NOT fabricate, estimate, or invent data to fill charts.
- **Has real
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 5 files
skills/presentation-creator/SKILL.md
skills/presentation-creator/references/chart-patterns.md
skills/presentation-creator/references/design-system.md
skills/presentation-creator/references/sentry-glyph.svg
skills/presentation-creator/references/sentry-logo.svg