Urai AI Corp. Presentation Deck

The presentation deck for Urai AI Corp. is available in the canvas:

Canvas link: /canvas/urai-presentation/index.html

What Was Built

1. Brand Assets & Theme Integration:

   • Downloaded the official vector logos directly from docs.uraiai.com: assets/logo-light.svg (electric lime on transparent background) and assets/logo-dark.svg (deep emerald on transparent background).
   • Replicated the visual design language of uraiai.com using Urai brand tokens: deep emerald (#064E3B), electric lime (#BEF264), deep green surface (#09231c), and warm paper (#faf8f3).

2. Slide Deck Structure (6 Slides):

   • Slide 1: Overview (slides/01-overview.html) — Deep tone slide with the light logo lockup, display headline ("In-app AI agents for SaaS products"), platform pillars (in-app embedding, sandboxed code execution, self-improving skill extraction), and corporate location.
   • Slide 2: Problem (slides/02-problem.html) — Highlights the three structural failure points of embedding AI into SaaS: brittle tool calling with cascading schema errors, context blindness isolated from application state, and static capabilities without runtime learning.
   • Slide 3: Solution (slides/03-solution.html) — Details how Urai resolves these challenges through dynamic JavaScript synthesis inside an isolated WinterTC sandbox, automated skill extraction from real conversations, and bidirectional UI integration.
   • Slide 4: Product (slides/04-product.html) — Outlines the four functional architecture layers: Front-End Embeds (React, Vue, Svelte SDKs and AI workspace), Execution Engine (WinterTC sandbox and Git-managed studio libraries), Grounding (hybrid BM25 and vector search), and Connectivity (drop-in OpenAI Chat Completions API and background workflows).
   • Slide 5: Team (slides/05-team.html) — Grounded in the company knowledge base (Urai Team Info.md):
     • Shanthi Shanmugam (Co-Founder & CEO): 14+ years in software engineering and management, Ex-SAP Labs, leading tech operations, frontend systems, and product delivery.
     • Vagmi Mudumbai (Co-Founder & CTO): 23+ years in software systems, Ex-SAP Labs, multi-time CTO, international speaker, and specialist in GenAI platform engineering, distributed systems, and runtime sandboxes.
   • Slide 6: Thanks (slides/06-thanks.html) — Deep tone close with a clear call to action to book a 30-minute demonstration, contact details (founders@urai.ca), documentation links (docs.uraiai.com), and meeting scheduler (tidycal.com/team/urai/founders).

Controls & Export

• Navigation: Use the right arrow key, left arrow key, or spacebar to advance slides.
• Fullscreen: Press F to enter presentation mode.
• PDF Export & Print Preview: Press P to view the 1920×1080 print layout, or press Cmd+P / Ctrl+P (set margins to "None" and enable "Background graphics") to export a multi-page presentation PDF.

Sources Cited

• Website: https://uraiai.com
• Documentation: https://docs.uraiai.com
• Knowledge Base: Urai Team Info.md and urai-docs.md (Urai Business Info & Product Data collections)

All requested revisions have been applied across the presentation deck in /canvas/urai-presentation/index.html.

Summary of Changes

1. Jargon Removed & Executive Audience Alignment:

   • Replaced references to "WinterTC JavaScript" with plain business and technical terms: "Safe, sandboxed code execution" and "Secure isolated runtime with zero filesystem or OS access."
   • Replaced developer-specific phrasing like "Drop-in React, Vue SDKs" with "Native UI components and widgets that run branded AI assistants directly inside your web application."

2. Domain Updated to urai.ca:

   • Updated all URLs, bylines, and contact links across config.js and slides 1–6 from uraiai.com to urai.ca (and docs.urai.ca).

3. Logo Swapped for Dark Backgrounds:

   • On the dark/deep slides (Slide 1: Overview and Slide 6: Thanks), replaced assets/logo-light.svg with assets/logo-dark.svg. The electric lime accents and light wordmark now stand out against the dark emerald background.

4. Slide 2: Clearer Problem Titles & Concrete Examples:

   • Replaced "Cascading schema failures" with "High Latency and Failure Rates."
   • Replaced "External chats sit apart from the UI" / "Isolated from App State" with "Disconnected from App State: Trapped Outside User Workflows."
   • Added a concrete real-world failure example box directly beneath each card:
     • Latency & failures: A 3-step action (fetch record → calculate balance → update ledger) takes 12 seconds and fails 20% of the time on JSON schema mismatches.
     • Static capabilities: An assistant repeatedly fails on the same edge case because fixing it requires manual prompt rewrites and engineer redeployments.
     • Disconnected context: A user on /invoices/849 asks to summarize the bill, but the bot asks them to re-paste the invoice number and account ID.

5. Aligned Column Symmetry Across Problem & Solution:

   • Moved Static Capabilities to the center column on Slide 2.
   • This now mirrors Slide 3 directly:
     • Column 1 (Left): High Latency & Failures → Replaced by Customizable Secure Code Execution.
     • Column 2 (Center): Static Capabilities → Solved by Automated Skill Extraction (Continuous Learning).
     • Column 3 (Right): Disconnected from App State → Solved by Native In-App Integration.

6. Slide 3: Headline & Bottom Lines Contained Inside Boxes:

   • Updated the headline to: "Replace rigid API chains with customizable secure code execution."
   • Fixed the card layout so the bottom notes sit cleanly inside each card boundary using mt-auto pt-5 border-t border-edge, removing the zero-height divider class that caused text to spill out.

7. Slide 5: Refined Team Card:

   • Softened technical jargon in Vagmi's card to focus on runtime sandboxes, distributed systems, and LLM orchestration alongside Shanthi's product operations and engineering leadership.

The deck is live in the canvas: /canvas/urai-presentation/index.html. You can navigate with arrow keys, press F for fullscreen, or press P to preview the PDF export.

The presentation deck engine and slides in /canvas/urai-presentation/index.html have been re-synced with the updated slides-skill library to ensure clean PDF rendering.

What Was Updated

1. Re-synced Engine Files from slides-skill:

   • Overwrote all 14 engine files in /canvas/urai-presentation/engine/ (stage.css, theme.css, components.css, media.css, chrome.css, loader.js, nav.js, print-preview.js, styles.js, deck.js, fit-check.js, code.js, video.js, libs.js) with the unabridged, updated versions from the library.
   • Restored Complete @media print Pipeline:
     • Strict @page { size: 1920px 1080px; margin: 0 } page boundaries with break-after: page and page-break-after: always to prevent blank or split pages.
     • Enabled -webkit-print-color-adjust: exact and print-color-adjust: exact so paper backgrounds, dark slide cards, and accent fills retain their colors in the PDF.
     • Forced .r reveal animations to opacity: 1 !important and transform: none !important during print and print preview, preventing animated elements from printing transparent or hidden.
     • Added the @media print fallback for .text-gradient (color: var(--grad-solid)), avoiding banding and black blocks when viewing the generated PDF in PDF readers such as macOS Preview.

2. Token & Color Contrast Refinements:

   • Fixed slides/02-problem.html by replacing an undefined utility (bg-surface-muted) with the standard surface token (bg-surface).
   • Replaced text-accent on the paper problem card with text-label (#064e3b deep emerald) to ensure sharp contrast against the #faf8f3 warm paper background in print.
   • Streamlined index.html to inherit the official Urai brand tokens directly from theme.css without overriding the calibrated print solid tokens (--gradient-solid and --gradient-deep-solid).

How to Preview and Export to PDF

1. Print Preview in Browser:
   • Open /canvas/urai-presentation/index.html and press P on your keyboard (or append ?print to the URL).
   • This displays all 6 slides in page sequence scaled to your window, with reveal states visible and badges indicating page numbers.
2. Exporting to PDF:
   • Press Cmd+P (macOS) or Ctrl+P (Windows/Linux) or click Print / Save PDF in the preview toolbar.
   • Destination: Save as PDF
   • Margins: None
   • Background graphics: ON (required to render the emerald and paper surface fills)
   • Chrome and Edge will format each slide into an exact 1920×1080 page. Run Deck.checkFit() in the browser developer console (or load with ?fit) to confirm that all slides fit their frames with zero clipping.

Sources Cited

• Official Website: https://uraiai.com
• Documentation: https://docs.uraiai.com
• Knowledge Base: Urai Team Info.md (Urai Business Info) and urai-docs.md (Product Data)
• Engine Specifications: slides-skill docs (docs/print.md, docs/theming.md, engine/stage.css, engine/theme.css) [453544, 9638, 446061]

The updated slides-skill engine has been synchronized to /canvas/urai-presentation/, resolving the PDF rendering and print styling issues.

What Was Updated & Fixed

1. Synchronized Engine Files with the Updated Skill:

   • Replaced all 14 core engine files (engine/stage.css, engine/theme.css, engine/components.css, engine/print-preview.js, engine/nav.js, engine/loader.js, engine/code.js, engine/video.js, engine/fit-check.js, engine/libs.js, engine/styles.js, engine/deck.js, engine/chrome.css, and engine/media.css) with the latest library builds.
   • Updated the print preview pipeline (engine/print-preview.js and engine/stage.css) to enforce exact 1920×1080 CSS page bounds, full print color fidelity (print-color-adjust: exact), and forced visibility of all staged reveal items (.r { opacity: 1 !important; transform: none !important }) across all pages.

2. Fixed Card Surface & Contrast Issues in Slide 2 (02-problem.html):

   • Replaced unrecognized classes (bg-surface-muted/90) on the real-world failure boxes with proper theme tokens (bg-wash for standard cards and bg-surface/70 border-warn/30 for the warning card).
   • Corrected low-contrast lime text on light paper (text-accent) to high-contrast emerald label styling (text-label), ensuring the invoice example text (/invoices/849) prints sharp and readable in PDF exports.

3. Verified Deck Geometry & Print Rules:

   • Checked that all 6 slides fit strictly within the 1920×1080 viewport frame without clipping or vertical overflow.
   • Preserved solid text color fallbacks (var(--gradient-solid) and var(--gradient-deep-solid)) during print mode so headline gradients render cleanly without banding in Chrome and macOS Preview.

Viewing & Exporting

• Live Deck: /canvas/urai-presentation/index.html
• Print Preview: Press P to open the preview overlay and inspect all pages paginated in sequence.
• Save as PDF: Press Cmd+P / Ctrl+P (or click "Print / Save PDF" inside the P preview), set destination to Save as PDF, margins to None, and ensure Background graphics is enabled. Each slide exports to exactly one 16:9 page.