pitch-deck-frontend

Build full-viewport snap-scroll pitch decks with keyboard and dot navigation.

Updated Aug 27, 2026

Search Tags:#typography #accessibility #frontend #presentation #design-system #pitch-deck

Ready to run

npx skills add https://github.com/fabianferno/skills --skill pitch-deck-frontend

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: pitch-deck-frontend
Source: https://github.com/fabianferno/skills/tree/main/skills/pitch-deck-frontend
Command: npx skills add https://github.com/fabianferno/skills --skill pitch-deck-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build polished, full-screen slide presentations inside web apps, enabling teams to craft investor-ready decks without switching to external tools.

Core Features & Use Cases

Architecture: snap-scroll container, one full-viewport slide per section, keyboard and pointer navigation.
Typography & Color Discipline: predefined scale, single accent color, dark background, and accessible contrast.
Use Case: quickly assemble investor pitch pages in frontend apps, with consistent visual language and navigation.

Quick Start

Create a 9-slide snap-scroll pitch deck inside a web app with one full-viewport slide per section.

Frequently Asked Questions about pitch-deck-frontend

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

FAQPage Schema

How do I build full-screen pitch decks inside a frontend app?▼

Build full-screen pitch decks inside a frontend app by using a snap-scroll container with one full-viewport slide per section. This approach enforces consistent typography, color discipline, and accessible keyboard navigation without external presentation tools.

Can I use snap-scroll for accessible presentation navigation?▼

Yes, snap-scroll supports accessible presentation navigation by enforcing keyboard, scroll, and dot-navigation patterns. This ensures users can navigate full-viewport slides reliably while maintaining accessible contrast and single accent color discipline.

What is the best way to maintain typography and color discipline in a web presentation?▼

Maintain typography and color discipline in a web presentation by applying a predefined type scale and a single accent color on a dark background. This enforces accessible contrast and consistent visual language across all full-viewport pitch slides.

How do I add keyboard and dot-navigation support to a snap-scroll deck?▼

Add keyboard and dot-navigation support to a snap-scroll deck by implementing enforced interaction patterns. These patterns allow users to navigate full-viewport slides using keyboard inputs, pointer events, and dot indicators for accessible investor-grade presentations.

Do I need external presentation software to create investor-grade pitch decks?▼

No, you do not need external presentation software to create investor-grade pitch decks. You can assemble polished, full-screen pitch pages directly inside frontend apps using enforced architecture, content rules, and accessible navigation patterns.

Why choose a frontend snap-scroll deck over external presentation tools?▼

Choose a frontend snap-scroll deck over external presentation tools to keep investor-ready pitch pages inside your web app. This approach enforces architecture, content rules, and accessible interaction patterns while maintaining consistent typography and color discipline.