presentation

name	presentation
description	Cria apresentacoes HTML navegaveis em 16:9 e documentos visuais em scroll vertical usando o design system da Vector Labs. Use para pitch decks, propostas, workshops, one-pagers e relatorios visuais.
license	Apache-2.0
compatibility	claude-code
allowed-tools	Read Write Edit Glob Bash
metadata	{"author":"vector-labs","version":"1.0"}
tags	["slides","design"]
complexity	intermediate
featured	true

Presentation Skill

Create and edit HTML presentations (slide decks) and visual documents using the Vector Labs design system.

Two Modes

	Slide Deck	Visual Document
Layout	Horizontal, 16:9, one slide at a time	Vertical, scrollable, reading width
Navigation	Keyboard/touch/buttons	Natural scroll
Output	Engine folder + slide files	Single self-contained HTML
Use cases	Pitch decks, propostas, workshops	One-pagers, relatórios, briefs, guias
Engine	Copies 3-resources/presentations/engine/	No engine needed

Key References (read on demand)

• Slide catalog (14 types, full HTML/CSS): 3-resources/presentations/slide-catalog.md
• Design system (colors, typography, spacing, animations): 3-resources/presentations/design-system.md
• Engine (copy for new decks): 3-resources/presentations/engine/
• Palette catalog: references/palettes.md (bundled)
• Document sections (base patterns for visual docs): references/document-sections.md (bundled)
• README: 3-resources/presentations/README.md

Initial Flow (both modes)

1. Read the document/project the user points to (or their description)
2. Ask using AskUserQuestion:
   • Formato: Slide deck ou documento visual?
   • Objetivo: Qual o objetivo? (pitch, proposta, update, relatório, brief...)
   • Público: Quem vai ver?
   • Tom: Formal, casual, técnico?
3. Read references/palettes.md, ask user to choose palette or create custom
4. Proceed to the appropriate workflow below

---

Slide Deck

Slide Types (quick reference)

1. Cover — Title + subtitle + date (dark)