From f8640e06873c4b20279c974d45c9b1fa45e97354 Mon Sep 17 00:00:00 2001 From: Arjun <6592213+arkml@users.noreply.github.com> Date: Sun, 15 Feb 2026 17:15:50 +0530 Subject: [PATCH] added examples --- .../skills/create-presentations/skill.ts | 1156 ++++++++++++++++- 1 file changed, 1153 insertions(+), 3 deletions(-) diff --git a/apps/x/packages/core/src/application/assistant/skills/create-presentations/skill.ts b/apps/x/packages/core/src/application/assistant/skills/create-presentations/skill.ts index af81a8c8..6e870d04 100644 --- a/apps/x/packages/core/src/application/assistant/skills/create-presentations/skill.ts +++ b/apps/x/packages/core/src/application/assistant/skills/create-presentations/skill.ts @@ -5,6 +5,29 @@ export const skill = String.raw` Activate when the user wants to create presentations, slide decks, or pitch decks. +## Theme Selection (Do This First) + +Before creating any slides, check if the user has specified a visual theme or style. If they have NOT provided theme preferences, present 3 options for them to choose from: + +**Option A: Dark Professional** — Deep navy/charcoal backgrounds, indigo (#6366f1) and violet (#8b5cf6) accents, white text. Best for: tech, SaaS, keynotes. + +**Option B: Light Editorial** — White/warm cream backgrounds, amber (#f59e0b) and stone accents, dark text with serif headings. Best for: reports, proposals, thought leadership. + +**Option C: Bold Vibrant** — Mixed dark and light slides, emerald (#10b981) and rose (#f43e5c) accents, high contrast. Best for: pitch decks, marketing, creative. + +Wait for the user to pick before proceeding. If the user describes a custom theme (colors, mood, brand), use that instead. + +## Visual Consistency Rules + +**Every presentation must have a unified color theme applied across ALL slides.** Do not mix unrelated color palettes between slides. + +1. **Define a theme palette upfront** — Pick one primary color, one accent color, and one neutral base (dark or light). Use these consistently across every slide. +2. **Backgrounds** — Use at most 2-3 background variations (e.g. dark base, light base, and primary color). Alternate them for rhythm but keep them from the same palette. +3. **Accent color** — Use the same accent color for all highlights: overlines, bullets, icons, chart fills, timeline dots, CTA buttons, divider lines. +4. **Typography colors** — Headings, body text, and muted text should use the same tones on every slide. Don't switch between warm and cool grays mid-deck. +5. **Charts and data** — Use shades/tints of the primary and accent colors for chart fills. Never introduce one-off colors that don't appear elsewhere in the deck. +6. **Consistent fonts** — Pick one heading font and one body font. Use them on every slide. Don't mix different heading fonts across slides. + ## Workflow 1. Use workspace-readFile to check knowledge/ for relevant context about the company, product, team, etc. @@ -36,12 +59,23 @@ const path = require('path'); Replace with the actual absolute path returned by workspace-getRoot. -6. Run it: 'node /tmp/convert.js' -7. Tell the user: "Your presentation is ready at ~/Desktop/presentation.pdf" +6. Perform the Post-Generation Validation (see below). Fix any issues before proceeding. +7. Run it: 'node /tmp/convert.js' +8. Tell the user: "Your presentation is ready at ~/Desktop/presentation.pdf" Do NOT show HTML code to the user. Do NOT explain how to export. Just create the PDF and deliver it. Use workspace-writeFile and workspace-readFile for ALL file operations. Do NOT use executeCommand to write or read files. +## Post-Generation Validation (REQUIRED) + +After generating the slide HTML, perform these checks before converting to PDF: + +1. **Title overflow check**: For every slide, verify that the title text at its set font-size fits within the slide width (960px) minus padding. If title chars x ~0.6 x font-size > available-width, reduce font-size. +2. **Content bounds check**: Verify no element extends beyond the 960x540 slide boundary. Look for: long titles, bullet lists with 5+ items, wide tables, long labels on charts. +3. **Broken visuals check**: Confirm no tags reference external URLs. All visuals must be CSS, SVG, or emoji only. +4. **Font loading check**: Verify the Google Fonts tag includes ALL font families used in the CSS. Missing fonts cause fallback rendering. +5. **Fix before proceeding**: If any check fails, fix the HTML before PDF conversion. Do not proceed with known issues. + ## PDF Export Rules **These rules prevent rendering issues in PDF. Violating them causes overlapping rectangles and broken layouts.** @@ -832,6 +866,462 @@ Below are 20 production-ready slide layout templates. Use these as reference whe border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); } + /* ========== SLIDE 21: Big Stat Number ========== */ + .slide-bigstat { + background: #fff; + display: flex; align-items: center; justify-content: center; + position: relative; overflow: hidden; + } + .slide-bigstat::before { + content: ''; position: absolute; + width: 600px; height: 600px; border-radius: 50%; + background: radial-gradient(circle, rgba(16,185,129,0.08), transparent 70%); + top: -200px; right: -100px; + } + .slide-bigstat .content { text-align: center; position: relative; z-index: 1; } + .slide-bigstat .stat-label { + font-family: 'Space Mono', monospace; font-size: 11px; + text-transform: uppercase; letter-spacing: 3px; color: #10b981; margin-bottom: 12px; + } + .slide-bigstat .stat-number { + font-family: 'Outfit', sans-serif; font-size: 120px; font-weight: 800; + color: #064e3b; line-height: 1; margin-bottom: 8px; + } + .slide-bigstat .stat-unit { + font-family: 'Outfit', sans-serif; font-size: 28px; font-weight: 300; + color: #10b981; margin-bottom: 20px; + } + .slide-bigstat .stat-desc { + font-size: 16px; color: #6b7280; max-width: 460px; margin: 0 auto; line-height: 1.6; + } + + /* ========== SLIDE 22: Stacked Bar Chart ========== */ + .slide-stacked { + background: #1e1b4b; padding: 50px 60px; + display: flex; flex-direction: column; + } + .slide-stacked h2 { + font-family: 'Outfit'; font-size: 26px; font-weight: 700; + color: #fff; margin-bottom: 6px; + } + .slide-stacked .sub { font-size: 13px; color: #a5b4fc; margin-bottom: 24px; } + .slide-stacked .legend-row { + display: flex; gap: 20px; margin-bottom: 20px; + } + .slide-stacked .legend-row .leg { + display: flex; align-items: center; gap: 6px; font-size: 12px; color: #c7d2fe; + } + .slide-stacked .legend-row .leg .dot { + width: 10px; height: 10px; border-radius: 3px; + } + .slide-stacked .bars { display: flex; flex-direction: column; gap: 14px; flex: 1; justify-content: center; } + .slide-stacked .bar-row { + display: flex; align-items: center; gap: 12px; + } + .slide-stacked .bar-row .label { + width: 80px; font-size: 13px; color: #c7d2fe; text-align: right; flex-shrink: 0; + } + .slide-stacked .bar-row .bar-track { + flex: 1; height: 32px; border-radius: 6px; display: flex; overflow: hidden; + } + .slide-stacked .bar-row .seg { height: 100%; } + + /* ========== SLIDE 23: Horizontal Bar Chart ========== */ + .slide-hbar { + background: #fefce8; padding: 50px 60px; + display: flex; flex-direction: column; + } + .slide-hbar h2 { + font-family: 'Outfit'; font-size: 26px; font-weight: 700; + color: #1a1a1a; margin-bottom: 6px; + } + .slide-hbar .sub { font-size: 13px; color: #92400e; margin-bottom: 28px; } + .slide-hbar .rows { display: flex; flex-direction: column; gap: 16px; flex: 1; justify-content: center; } + .slide-hbar .hbar-row { display: flex; align-items: center; gap: 12px; } + .slide-hbar .hbar-row .label { + width: 140px; font-size: 14px; font-weight: 500; color: #78350f; text-align: right; flex-shrink: 0; + } + .slide-hbar .hbar-row .bar-fill { + height: 28px; border-radius: 6px; + background: linear-gradient(90deg, #f59e0b, #fbbf24); + display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; + font-size: 12px; font-weight: 700; color: #78350f; min-width: 40px; + } + + /* ========== SLIDE 24: Data Table ========== */ + .slide-table { + background: #fff; padding: 50px 60px; + display: flex; flex-direction: column; + } + .slide-table h2 { + font-family: 'Outfit'; font-size: 26px; font-weight: 700; + color: #1e293b; margin-bottom: 6px; + } + .slide-table .sub { font-size: 13px; color: #94a3b8; margin-bottom: 24px; } + .slide-table table { + width: 100%; border-collapse: collapse; font-size: 13px; + } + .slide-table thead th { + font-family: 'Outfit'; font-weight: 600; color: #fff; background: #1e1b4b; + padding: 12px 16px; text-align: left; font-size: 12px; + text-transform: uppercase; letter-spacing: 1px; + } + .slide-table thead th:first-child { border-radius: 8px 0 0 0; } + .slide-table thead th:last-child { border-radius: 0 8px 0 0; } + .slide-table tbody td { + padding: 11px 16px; color: #334155; border-bottom: 1px solid #f1f5f9; + } + .slide-table tbody tr:hover { background: #f8fafc; } + .slide-table .badge-sm { + display: inline-block; padding: 2px 10px; border-radius: 10px; + font-size: 11px; font-weight: 600; + } + .slide-table .badge-green { background: #dcfce7; color: #166534; } + .slide-table .badge-blue { background: #dbeafe; color: #1e40af; } + .slide-table .badge-amber { background: #fef3c7; color: #92400e; } + + /* ========== SLIDE 25: Combo Chart ========== */ + .slide-combo { + background: #0f172a; padding: 50px 60px; + display: flex; flex-direction: column; + } + .slide-combo h2 { + font-family: 'Outfit'; font-size: 26px; font-weight: 700; + color: #fff; margin-bottom: 6px; + } + .slide-combo .sub { font-size: 13px; color: #64748b; margin-bottom: 24px; } + .slide-combo .combo-legend { + display: flex; gap: 24px; margin-bottom: 16px; + } + .slide-combo .combo-legend .leg { + display: flex; align-items: center; gap: 8px; font-size: 12px; color: #94a3b8; + } + .slide-combo .combo-legend .leg .swatch { + width: 20px; height: 10px; border-radius: 3px; + } + .slide-combo .combo-legend .leg .swatch-line { + width: 20px; height: 3px; border-radius: 2px; + } + + /* ========== SLIDE 26: Pyramid Diagram ========== */ + .slide-pyramid { + background: linear-gradient(160deg, #4a044e, #701a75); + padding: 50px 60px; display: flex; align-items: center; + } + .slide-pyramid .info { width: 35%; } + .slide-pyramid h2 { + font-family: 'Outfit'; font-size: 28px; font-weight: 700; + color: #fff; margin-bottom: 12px; + } + .slide-pyramid .desc { font-size: 14px; color: #f0abfc; line-height: 1.6; } + .slide-pyramid .pyramid-chart { + width: 65%; display: flex; flex-direction: column; align-items: center; gap: 4px; + } + .slide-pyramid .pyr-level { + display: flex; align-items: center; justify-content: center; + height: 56px; border-radius: 8px; color: #fff; text-align: center; + font-size: 14px; font-weight: 500; flex-direction: column; + } + .slide-pyramid .pyr-label { + font-family: 'Outfit'; font-weight: 700; font-size: 15px; + } + .slide-pyramid .pyr-sub { font-size: 11px; opacity: 0.8; } + + /* ========== SLIDE 27: Cycle Diagram ========== */ + .slide-cycle { + background: #f0fdf4; padding: 50px 60px; + display: flex; flex-direction: column; align-items: center; + } + .slide-cycle h2 { + font-family: 'Outfit'; font-size: 28px; font-weight: 700; + color: #14532d; margin-bottom: 36px; + } + .slide-cycle .cycle-ring { + width: 380px; height: 380px; position: relative; + } + .slide-cycle .cycle-node { + position: absolute; width: 120px; text-align: center; + } + .slide-cycle .cycle-node .node-icon { + width: 52px; height: 52px; border-radius: 50%; + display: flex; align-items: center; justify-content: center; + font-size: 22px; margin: 0 auto 8px; + border: 2px solid #bbf7d0; background: #fff; + } + .slide-cycle .cycle-node h4 { + font-family: 'Outfit'; font-size: 13px; font-weight: 600; color: #14532d; + margin-bottom: 3px; + } + .slide-cycle .cycle-node p { font-size: 10px; color: #6b7280; line-height: 1.4; } + .slide-cycle .cycle-center { + position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); + text-align: center; + } + .slide-cycle .cycle-center .emoji { font-size: 32px; margin-bottom: 4px; } + .slide-cycle .cycle-center .label { + font-family: 'Outfit'; font-size: 14px; font-weight: 700; color: #166534; + } + .slide-cycle .cycle-arrow { + position: absolute; font-size: 18px; color: #86efac; + } + + /* ========== SLIDE 28: Venn Diagram ========== */ + .slide-venn { + background: #1e293b; padding: 50px 60px; + display: flex; align-items: center; + } + .slide-venn .info { width: 35%; } + .slide-venn h2 { + font-family: 'Outfit'; font-size: 28px; font-weight: 700; + color: #fff; margin-bottom: 12px; + } + .slide-venn .desc { font-size: 14px; color: #94a3b8; line-height: 1.6; } + .slide-venn .venn-area { + width: 65%; height: 360px; position: relative; + display: flex; align-items: center; justify-content: center; + } + .slide-venn .venn-circle { + position: absolute; width: 200px; height: 200px; border-radius: 50%; + display: flex; align-items: center; justify-content: center; + text-align: center; font-size: 13px; font-weight: 600; color: #fff; + } + .slide-venn .venn-overlap { + position: absolute; text-align: center; z-index: 3; + } + .slide-venn .venn-overlap .overlap-text { + font-family: 'Outfit'; font-size: 13px; font-weight: 700; color: #fbbf24; + } + + /* ========== SLIDE 29: 2x2 Matrix ========== */ + .slide-matrix { + background: #fff; padding: 40px 60px; + display: flex; flex-direction: column; + } + .slide-matrix h2 { + font-family: 'Outfit'; font-size: 26px; font-weight: 700; + color: #1e1b4b; margin-bottom: 20px; text-align: center; + } + .slide-matrix .matrix-grid { + display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; + gap: 12px; flex: 1; + } + .slide-matrix .matrix-cell { + border-radius: 12px; padding: 24px; + display: flex; flex-direction: column; justify-content: center; + } + .slide-matrix .matrix-cell h4 { + font-family: 'Outfit'; font-size: 18px; font-weight: 700; margin-bottom: 6px; + } + .slide-matrix .matrix-cell p { font-size: 12px; line-height: 1.5; } + .slide-matrix .matrix-cell.q1 { background: #ede9fe; } + .slide-matrix .matrix-cell.q1 h4 { color: #5b21b6; } + .slide-matrix .matrix-cell.q1 p { color: #6d28d9; } + .slide-matrix .matrix-cell.q2 { background: #dbeafe; } + .slide-matrix .matrix-cell.q2 h4 { color: #1e40af; } + .slide-matrix .matrix-cell.q2 p { color: #2563eb; } + .slide-matrix .matrix-cell.q3 { background: #fef3c7; } + .slide-matrix .matrix-cell.q3 h4 { color: #92400e; } + .slide-matrix .matrix-cell.q3 p { color: #b45309; } + .slide-matrix .matrix-cell.q4 { background: #dcfce7; } + .slide-matrix .matrix-cell.q4 h4 { color: #166534; } + .slide-matrix .matrix-cell.q4 p { color: #15803d; } + .slide-matrix .axis-labels { + display: flex; justify-content: space-between; margin-top: 8px; + font-family: 'Space Mono'; font-size: 10px; text-transform: uppercase; + letter-spacing: 2px; color: #94a3b8; + } + + /* ========== SLIDE 30: Image Gallery ========== */ + .slide-gallery { + background: #18181b; padding: 50px 60px; + display: flex; flex-direction: column; + } + .slide-gallery h2 { + font-family: 'Outfit'; font-size: 26px; font-weight: 700; + color: #fff; margin-bottom: 24px; + } + .slide-gallery .grid-2x2 { + display: grid; grid-template-columns: 1fr 1fr; gap: 16px; flex: 1; + } + .slide-gallery .gal-item { + border-radius: 12px; overflow: hidden; position: relative; + display: flex; align-items: flex-end; + } + .slide-gallery .gal-item .gal-visual { + position: absolute; inset: 0; display: flex; + align-items: center; justify-content: center; font-size: 48px; + } + .slide-gallery .gal-item .gal-caption { + position: relative; z-index: 1; width: 100%; + background: linear-gradient(transparent, rgba(0,0,0,0.7)); + padding: 40px 16px 14px; + } + .slide-gallery .gal-item .gal-caption h4 { + font-family: 'Outfit'; font-size: 14px; font-weight: 600; color: #fff; + } + .slide-gallery .gal-item .gal-caption p { + font-size: 11px; color: #d4d4d8; + } + + /* ========== SLIDE 31: Numbered List ========== */ + .slide-numlist { + background: linear-gradient(160deg, #0c4a6e, #164e63); + padding: 50px 60px; display: flex; + } + .slide-numlist .left-info { width: 35%; padding-right: 30px; display: flex; flex-direction: column; justify-content: center; } + .slide-numlist h2 { + font-family: 'Outfit'; font-size: 28px; font-weight: 700; + color: #fff; margin-bottom: 10px; + } + .slide-numlist .left-info .desc { font-size: 14px; color: #7dd3fc; line-height: 1.6; } + .slide-numlist .list { width: 65%; display: flex; flex-direction: column; justify-content: center; gap: 12px; } + .slide-numlist .num-item { + display: flex; align-items: flex-start; gap: 16px; + background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); + border-radius: 12px; padding: 16px 20px; + } + .slide-numlist .num-item .num { + font-family: 'Outfit'; font-size: 24px; font-weight: 800; + color: #38bdf8; flex-shrink: 0; width: 36px; + } + .slide-numlist .num-item h4 { + font-family: 'Outfit'; font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 2px; + } + .slide-numlist .num-item p { font-size: 12px; color: #7dd3fc; line-height: 1.4; } + + /* ========== SLIDE 32: Pros & Cons ========== */ + .slide-proscons { + background: #faf5ff; padding: 50px 60px; + display: flex; flex-direction: column; + } + .slide-proscons h2 { + font-family: 'Outfit'; font-size: 28px; font-weight: 700; + color: #1e1b4b; text-align: center; margin-bottom: 28px; + } + .slide-proscons .pc-cols { display: flex; gap: 24px; flex: 1; } + .slide-proscons .pc-col { flex: 1; } + .slide-proscons .pc-col .pc-header { + font-family: 'Outfit'; font-size: 18px; font-weight: 700; + padding: 10px 16px; border-radius: 8px 8px 0 0; text-align: center; + } + .slide-proscons .pc-col.pros .pc-header { background: #dcfce7; color: #166534; } + .slide-proscons .pc-col.cons .pc-header { background: #fef3c7; color: #92400e; } + .slide-proscons .pc-list { list-style: none; padding: 16px; } + .slide-proscons .pc-list li { + font-size: 14px; padding: 8px 0; padding-left: 24px; + position: relative; border-bottom: 1px solid #f3e8ff; line-height: 1.5; + } + .slide-proscons .pc-col.pros .pc-list li { color: #14532d; } + .slide-proscons .pc-col.cons .pc-list li { color: #78350f; } + .slide-proscons .pc-col.pros .pc-list li::before { content: '✓'; position: absolute; left: 0; color: #16a34a; font-weight: 700; } + .slide-proscons .pc-col.cons .pc-list li::before { content: '⚠'; position: absolute; left: 0; } + + /* ========== SLIDE 33: Feature Matrix ========== */ + .slide-featmatrix { + background: #0f172a; padding: 50px 60px; + display: flex; flex-direction: column; + } + .slide-featmatrix h2 { + font-family: 'Outfit'; font-size: 26px; font-weight: 700; + color: #fff; margin-bottom: 6px; + } + .slide-featmatrix .sub { font-size: 13px; color: #64748b; margin-bottom: 20px; } + .slide-featmatrix table { + width: 100%; border-collapse: collapse; font-size: 13px; + } + .slide-featmatrix thead th { + font-family: 'Outfit'; font-weight: 600; color: #a5b4fc; + padding: 10px 14px; text-align: center; font-size: 13px; + border-bottom: 2px solid #334155; + } + .slide-featmatrix thead th:first-child { text-align: left; } + .slide-featmatrix tbody td { + padding: 10px 14px; color: #cbd5e1; border-bottom: 1px solid #1e293b; + text-align: center; + } + .slide-featmatrix tbody td:first-child { text-align: left; font-weight: 500; } + .slide-featmatrix .check { color: #34d399; font-size: 16px; } + .slide-featmatrix .cross { color: #475569; font-size: 16px; } + + /* ========== SLIDE 34: Agenda / TOC ========== */ + .slide-agenda { + background: #fff; padding: 50px 60px; + display: flex; + } + .slide-agenda .agenda-left { + width: 40%; display: flex; flex-direction: column; justify-content: center; + padding-right: 40px; border-right: 2px solid #e0e7ff; + } + .slide-agenda .agenda-left .tag { + font-family: 'Space Mono'; font-size: 10px; text-transform: uppercase; + letter-spacing: 3px; color: #6366f1; margin-bottom: 12px; + } + .slide-agenda .agenda-left h2 { + font-family: 'Playfair Display', serif; font-size: 36px; + color: #1e1b4b; + } + .slide-agenda .agenda-right { + width: 60%; padding-left: 40px; + display: flex; flex-direction: column; justify-content: center; gap: 0; + } + .slide-agenda .agenda-item { + display: flex; align-items: center; padding: 16px 0; + border-bottom: 1px solid #f1f5f9; + } + .slide-agenda .agenda-item .a-num { + font-family: 'Outfit'; font-size: 28px; font-weight: 800; + color: #c7d2fe; width: 50px; flex-shrink: 0; + } + .slide-agenda .agenda-item .a-text h4 { + font-family: 'Outfit'; font-size: 16px; font-weight: 600; color: #1e1b4b; + } + .slide-agenda .agenda-item .a-text p { + font-size: 12px; color: #94a3b8; + } + + /* ========== SLIDE 35: Full-Bleed Cinematic ========== */ + .slide-cinematic { + background: linear-gradient(160deg, #0c0a1a 0%, #1a1145 40%, #312e81 100%); + display: flex; align-items: flex-end; + padding: 0; position: relative; overflow: hidden; + } + .slide-cinematic .bg-shapes { + position: absolute; inset: 0; + } + .slide-cinematic .bg-shapes .orb1 { + position: absolute; width: 400px; height: 400px; border-radius: 50%; + background: radial-gradient(circle, rgba(99,102,241,0.15), transparent 70%); + top: -100px; right: -50px; + } + .slide-cinematic .bg-shapes .orb2 { + position: absolute; width: 300px; height: 300px; border-radius: 50%; + background: radial-gradient(circle, rgba(168,85,247,0.1), transparent 70%); + bottom: -100px; left: 100px; + } + .slide-cinematic .bg-shapes .grid-lines { + position: absolute; inset: 0; + background-image: + linear-gradient(rgba(99,102,241,0.05) 1px, transparent 1px), + linear-gradient(90deg, rgba(99,102,241,0.05) 1px, transparent 1px); + background-size: 60px 60px; + } + .slide-cinematic .cine-content { + position: relative; z-index: 1; padding: 60px; + background: linear-gradient(transparent, rgba(0,0,0,0.4)); + width: 100%; + } + .slide-cinematic .cine-content .overline { + font-family: 'Space Mono'; font-size: 11px; text-transform: uppercase; + letter-spacing: 4px; color: #a78bfa; margin-bottom: 16px; + } + .slide-cinematic .cine-content h2 { + font-family: 'Outfit'; font-size: 42px; font-weight: 800; + color: #fff; line-height: 1.15; max-width: 600px; margin-bottom: 12px; + } + .slide-cinematic .cine-content p { + font-size: 16px; color: #c7d2fe; max-width: 500px; line-height: 1.6; + } + /* Responsive */ @media (max-width: 700px) { :root { --scale: 0.38; } @@ -848,7 +1338,7 @@ Below are 20 production-ready slide layout templates. Use these as reference whe
Slide Template Gallery

The Future of AI Coworkers

-

20 production-ready slide templates across different layouts, chart types, and visual styles — all themed around the AI-powered workplace.

+

35 production-ready slide templates across different layouts, chart types, diagrams, and visual styles — all themed around the AI-powered workplace.

@@ -1486,6 +1976,666 @@ Below are 20 production-ready slide layout templates. Use these as reference whe + +
+
21 / Big Stat Number
+
Hero Metric
+
Single dramatic number with context — ideal for impact statements
+
+
+
+
Global AI Coworker Impact
+
4.2M
+
hours saved per day
+
Across 12,000+ companies worldwide, AI coworkers are giving teams back the equivalent of 525,000 full workdays — every single day.
+
+
+
+
+ + +
+
22 / Stacked Bar Chart
+
Segmented Horizontal Bars
+
Dark indigo theme with color-coded segments showing composition
+
+
+

AI Task Distribution by Department

+
Breakdown of AI coworker usage across task categories
+
+
Research
+
Drafting
+
Automation
+
Analysis
+
+
+
+
Sales
+
+
+
+
+
+
+
+
+
Marketing
+
+
+
+
+
+
+
+
+
Engineering
+
+
+
+
+
+
+
+
+
Finance
+
+
+
+
+
+
+
+
+
HR
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
23 / Horizontal Bar Chart
+
Ranked Horizontal Bars
+
Warm amber theme — great for ranked lists with long labels
+
+
+

Top AI Coworker Use Cases

+
Ranked by weekly active usage across 5,000+ teams
+
+
+
Meeting summaries
+
92%
+
+
+
Email drafting
+
84%
+
+
+
Code review
+
76%
+
+
+
Data analysis
+
71%
+
+
+
Research synthesis
+
65%
+
+
+
Report generation
+
58%
+
+
+
+
+
+ + +
+
24 / Data Table
+
Styled Data Table
+
Clean white table with colored header and status badges
+
+
+

AI Coworker Platform Comparison

+
Feature and performance benchmarks across leading platforms
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PlatformResponse TimeMemoryIntegrationsStatus
AiCo Pro0.8s avgPersistent140+Leader
WorkBot AI1.2s avgSession only85+Growing
TeamMind1.5s avg7-day window60+Growing
AssistIQ2.1s avgSession only35+Emerging
CoPilotX0.9s avg30-day window110+Leader
+
+
+
+ + +
+
25 / Combo Chart
+
Bar + Line Overlay
+
Dark theme SVG with bars for volume and line for growth rate
+
+
+

AI Coworker Revenue & Growth

+
Quarterly revenue ($M) with year-over-year growth rate
+
+
Revenue ($M)
+
YoY Growth %
+
+ + + + + + + + + + + + + + + + $12M + $19M + $31M + $48M + $72M + $105M + + + + + + + + + + 58% + 63% + 68% + 55% + 50% + 46% + + Q1 '24 + Q2 '24 + Q3 '24 + Q4 '24 + Q1 '25 + Q2 '25 + +
+
+
+ + +
+
26 / Pyramid Diagram
+
Strategy Hierarchy
+
Magenta gradient with tiered pyramid showing priorities
+
+
+
+

AI Coworker Maturity Model

+
Organizations progress through five levels of AI integration, each building on the last.
+
+
+
+
Autonomy
+
Self-directed workflows
+
+
+
Proactive Insights
+
AI surfaces opportunities
+
+
+
Contextual Assistance
+
Persistent memory + deep integrations
+
+
+
Task Automation
+
Repetitive work handled by AI
+
+
+
Basic Chat
+
Simple Q&A and information retrieval
+
+
+
+
+
+ + +
+
27 / Cycle Diagram
+
Flywheel / Feedback Loop
+
Light green with circular node arrangement and center label
+
+
+

The AI Coworker Flywheel

+
+ +
+
📥
+

Ingest

+

Connects to emails, docs, meetings, and tools

+
+ +
+
🧠
+

Learn

+

Maps patterns, preferences, and relationships

+
+ +
+
⚡
+

Act

+

Automates tasks and generates deliverables

+
+ +
+
📈
+

Improve

+

Feedback refines accuracy and relevance

+
+ +
↘
+
↗
+
↖
+
↙
+ +
+
🔄
+
Compounding
Intelligence
+
+
+
+
+
+ + +
+
28 / Venn Diagram
+
Overlapping Concepts
+
Dark slate with three translucent overlapping circles
+
+
+
+

The AI Coworker Sweet Spot

+
The most impactful AI coworkers sit at the intersection of three capabilities — understanding context, taking action, and learning continuously.
+
+
+
+ Context
Awareness +
+
+ Autonomous
Action +
+
+ Continuous
Learning +
+
+
⭐ AI
Coworker
+
+
+
+
+
+ + +
+
29 / 2×2 Matrix
+
Strategic Quadrant
+
Light layout with four color-coded quadrants and axis labels
+
+
+

AI Coworker Task Prioritization Matrix

+
+
+

🚀 Automate Now

+

High frequency, low complexity tasks like scheduling, data entry, meeting notes, and status updates.

+
+
+

🤝 Augment & Assist

+

High frequency, high complexity tasks like code review, research synthesis, and report drafting.

+
+
+

📋 Batch & Template

+

Low frequency, low complexity tasks like onboarding docs, expense reports, and form filling.

+
+
+

🧠 Strategic Co-Pilot

+

Low frequency, high complexity tasks like strategy planning, crisis response, and deal negotiation.

+
+
+
+ ← Low complexity + High complexity → +
+
+
+
+ + +
+
30 / Image Gallery
+
2×2 Visual Grid
+
Dark zinc with gradient-captioned cards — uses CSS backgrounds instead of images
+
+
+

AI Coworkers in Action

+
+
+
💬
+
+

Intelligent Chat

+

Context-aware conversations with persistent memory

+
+
+
+
📊
+
+

Auto-Generated Reports

+

Data pulled and visualized in seconds

+
+
+
+
🔗
+
+

Seamless Integrations

+

140+ tools connected out of the box

+
+
+
+
🛡️
+
+

Enterprise Security

+

SOC 2 compliant with full audit trails

+
+
+
+
+
+
+ + +
+
31 / Numbered List
+
Ordered Steps
+
Ocean teal with numbered cards — simpler than full process flow
+
+
+
+

5 Rules for AI Coworker Success

+
The principles that separate teams who thrive with AI from those who struggle.
+
+
+
+
01
+
+

Start with High-Volume Tasks

+

Deploy AI where repetition is highest — email, scheduling, summaries.

+
+
+
+
02
+
+

Give Context Generously

+

The more your AI knows about your work, the better it performs.

+
+
+
+
03
+
+

Trust But Verify

+

Review AI outputs initially, then gradually increase autonomy.

+
+
+
+
04
+
+

Build Feedback Loops

+

Correct mistakes — each correction makes the AI permanently smarter.

+
+
+
+
05
+
+

Expand Gradually

+

Once one workflow succeeds, replicate the pattern across the team.

+
+
+
+
+
+
+ + +
+
32 / Pros & Cons
+
Advantages vs. Considerations
+
Light purple with check/warning icons — honest framing of tradeoffs
+
+
+

AI Coworkers: Benefits & Considerations

+
+
+
✓ Advantages
+
    +
  • Instant access to organizational knowledge
    • +
  • 24/7 availability across time zones
    • +
  • Consistent quality on repetitive tasks
    • +
  • Scales without proportional cost increase
    • +
  • Learns and improves over time
    • +
+
+
+
⚠ Considerations
+
    +
  • Requires initial setup and training period
    • +
  • Data privacy policies must be established
    • +
  • Change management for team adoption
    • +
  • Best for structured, repeatable workflows
    • +
  • Human oversight still needed for critical decisions
    • +
+
+
+
+
+
+ + +
+
33 / Feature Matrix
+
Checkmark Comparison Table
+
Dark theme with features × tiers showing capability coverage
+
+
+

Feature Availability by Plan

+
What's included at each tier of AI coworker deployment
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureStarterTeamEnterprise
Chat-based assistant✓✓✓
Persistent memory—✓✓
Knowledge graph—✓✓
Multi-agent orchestration——✓
Custom model training——✓
SSO & compliance——✓
API access—✓✓
+
+
+
+ + +
+
34 / Agenda
+
Table of Contents
+
Clean white with serif title and numbered agenda items
+
+
+
+
Presentation Outline
+

Today's Agenda

+
+
+
+
01
+
+

The Rise of AI Coworkers

+

Market landscape and driving forces

+
+
+
+
02
+
+

Core Capabilities

+

What makes an AI coworker different from a chatbot

+
+
+
+
03
+
+

Impact & Metrics

+

Real-world results from early adopters

+
+
+
+
04
+
+

Implementation Roadmap

+

How to get started in 90 days

+
+
+
+
05
+
+

Q&A and Next Steps

+

Open discussion and action items

+
+
+
+
+
+
+ + +
+
35 / Full-Bleed Cinematic
+
Atmospheric Background Slide
+
Immersive dark slide with grid texture, orbs, and bottom-aligned content
+
+
+
+
+
+
+
+
+
A New Era Begins
+

Every Knowledge Worker Deserves an AI Teammate

+

We're building toward a world where AI handles the busywork and humans do what they do best — think creatively, build relationships, and make decisions that matter.

+
+
+
+
+