Create and edit HTML presentations and visual documents using the Vector Labs design system. Two modes: (1) Slide decks — horizontal, navigable presentations with the slide engine (pitch decks, proposals, workshops). (2) Visual documents — vertical, scrollable HTML pages (one-pagers, visual reports, briefs, reference docs). Use when the user asks to create a presentation, slide deck, pitch deck, slides, visual document, one-pager, document visual, or wants to edit existing ones. Triggers: 'apresentação', 'presentation', 'slide deck', 'pitch deck', 'slides', 'documento visual', 'one-pager', 'visual document', 'criar apresentação', 'fazer slides', 'documento bonito', 'relatório visual'.
Create and edit HTML presentations (slide decks) and visual documents using the Vector Labs design system.
| | 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 |
3-resources/presentations/slide-catalog.md3-resources/presentations/design-system.md3-resources/presentations/engine/references/palettes.md (bundled)references/document-sections.md (bundled)3-resources/presentations/README.mdreferences/palettes.md, ask user to choose palette or create customFor full HTML/CSS of each type, read 3-resources/presentations/slide-catalog.md.
3-resources/presentations/slide-catalog.md for HTML/CSS templates3-resources/presentations/design-system.md for tokens3-resources/presentations/engine/ to target directoryparts/head.html: set deck title, add stylesheet <link> tagsslides/NN-name.html:
<div class="slide" data-theme="dark|light"> per file<div> must have a matching </div> — build.sh validates this and will refuse to build if tags are unbalanced (unclosed divs cause slides to nest inside each other, breaking navigation).anim-in + .d1...d8 for animation stagger.slide-label, .slide-title, .slide-inner structurestyles/theme.css with CSS overrides, add <link> to parts/head.htmlarchitecture.js + hooks in parts/foot.html./build.sh to assemble index.html<div class="slide" data-theme="dark">
<div class="slide-inner">
<span class="slide-label anim-in d1">LABEL</span>
<h1 class="slide-title anim-in d2">Title</h1>
<div class="anim-in d3"><!-- content --></div>
</div>
</div>
slides/ directory to see current slides./build.sh to reassemble index.htmlreferences/document-sections.md for base HTML structure and section patterns<style> with design system tokens + palette.doc container, width controlled by --doc-width variablereferences/document-sections.mdreferences/palettes.md.Google Workspace CLI for Gmail, Calendar, Drive, Contacts, Sheets, and Docs.
Manage Apple Notes via the `memo` CLI on macOS (create, view, edit, delete, search, move, and export notes). Use when a user asks OpenClaw to add a note, list notes, search notes, or manage note folders.
Work with Obsidian vaults (plain Markdown notes) and automate via obsidian-cli.
Use when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
Manage Apple Reminders via remindctl CLI (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.
Manage Trello boards, lists, and cards via the Trello REST API.
Category:productivity