trifork-presentations

Generates Trifork-branded 1920x1080 slide decks from canonical HTML templates for PowerPoint and Google Slides.

Updated Sep 8, 2026
One-click install
npx skills add https://github.com/trifork/trifork-official-design-system --skill trifork-presentations-trifork
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: trifork-presentations
Source: https://github.com/trifork/trifork-official-design-system/tree/main/site/public/skill/trifork-presentations
Command: npx skills add https://github.com/trifork/trifork-official-design-system --skill trifork-presentations-trifork

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve? Creating on-brand Trifork presentations requires strict adherence to a detailed slide system: fixed 1920x1080 canvas, Poppins typography, restricted colour palette, flat design rules, and correct logo usage. This Skill removes the guesswork by providing canonical HTML slide templates, design tokens, and storytelling structures so every deck follows the brand system without manual layout work. ## Core Features & Use Cases - Canonical slide templates: 26 layout ids (cover, agenda, columns, card grids, quote, customer case, statement, closing) with fixed CSS and data-slot placeholders that you fill rather than redesign. - Storytelling structure and format recipes: Ready-made narrative flows for product pitches, agenda or overview decks, and customer case studies, with rules for layout variety and visual rhythm. - Brand enforcement and validation: Bundled tokens.css, logo assets, icon and imagery indexes, a JSON schema for slide specs, and a validation checklist covering colour, type, spacing, and copy rules. - Use Case: Ask for a product pitch deck and the Skill assembles cover-split, statement, columns-numbered, card-grid-icons, numeric-callouts, quote, and closing slides, all exportable to PowerPoint, Google Slides, or Figma. ## Quick Start Create a six-slide Trifork product pitch deck for our new payments platform using the standard pitch structure.

Frequently Asked Questions about trifork-presentations

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

FAQPage Schema
How do I create a Trifork-branded slide deck?▼

Pick the layout id matching each slide, copy its HTML template from assets/slide-templates, keep the CSS and DOM structure, and replace only data-slot content. Then check the preview PNG and run the validation checklist in references/validation.md before returning the deck.

What slide layouts are available in the Trifork slide kit?▼

The kit provides 26 layouts including cover-card, cover-split, separators, agenda, section-start, title-bullets, text-slide, image-slide, numeric-callouts, two-columns, card-grid, quote, customer-case, column variants, split layouts, statement, and closing slides.

Can Trifork slides be exported to PowerPoint or Google Slides?▼

Yes, the templates are designed for PPTX and Google Slides export. Rounded photo containers carry a data-om-raster marker so export embeds them as flattened images, and label text boxes should be sized to content to prevent unwanted wrapping.

What colours and fonts does the Trifork slide system allow?▼

Slides use only blue 100 (#D5E5ED) or ink 950 (#2C3A42) backgrounds, never white. Type is Poppins Regular 400 and Medium 500 only, never bold. Orange 500 (#FF6600) is a sparing accent for labels and list markers, never for body text.

What happens if hosted Trifork photography cannot load?▼

Large photography is hosted remotely, so if an image URL fails to load, keep the layout, logo, and typography intact and use the ink or light background instead. Never substitute stock imagery or invent new layouts.

Can I import Trifork slide templates into Figma?▼

Yes, templates import cleanly via the Figma MCP or an HTML-to-design importer when kept on the fixed 1920x1080 frame. Keep data-slot attributes for layer naming, use reachable image URLs, and avoid converting overlay elements to CSS pseudo-elements.