Introducing Delino React Forge

When we asked AI agents to create PowerPoint decks or Figma designs directly, the results fell short of the quality we wanted. We began looking for a better way to create them. That work became Delino React Forge.

Delino React Forge is an embeddable engine that uses React code to generate output across formats. The current release supports presentations, documents, spreadsheets, PDFs, and Figma designs. We plan to support many more formats.

Describe the final state in code

Cloudflare’s Code Mode and Vercel’s callscript helped shape our thinking. Both showed us useful ways to bring tool calls together through code. We wanted to take the idea a step further: what if an agent could define the final state in code and let the engine determine the work needed to reach it?

A virtual DOM can compare the desired state with the current state. That difference can guide the tool calls needed to create the result.

Our first plan was to define a custom DSL and build a virtual DOM ourselves. We thought that, as long as we could produce the tree, we had the foundation we needed. But as we worked through details such as property validation and virtual DOM behavior, we realized React already provided much of that foundation. We switched to React rather than rebuild it.

Built to be embedded

Developers can include Delino React Forge in their own applications and build generation features around it. For example, a service that regularly creates presentations from similar templates could use the engine for its own PowerPoint generation feature.

Here is a minimal example using the library API. The function renders one slide and returns the PPTX bytes to the calling application:

import React from "react";
import { createSession, Format } from "@delino/react-forge";
import {
  Presentation,
  Slide,
  Column,
  Text,
} from "@delino/react-forge/pptx";

export async function createPresentation(title: string) {
  const session = createSession(Format.Pptx);

  try {
    await session.render(
      <Presentation>
        <Slide>
          <Column padding={32}>
            <Text>{title}</Text>
          </Column>
        </Slide>
      </Presentation>,
    );

    return await session.exportBuffer();
  } finally {
    await session.dispose();
  }
}

This is the role we designed Delino React Forge to play: an engine an application can call as part of its own workflow.

Use it with a coding agent

Delino React Forge also supports the Model Context Protocol (MCP). With Node.js 24 active, Codex users can connect it from their working directory with one command, using Codex’s MCP configuration:

codex mcp add react-forge -- npx -y @delino/react-forge@0.1.1 mcp --cwd "$PWD"

Once connected, you can ask a coding agent to create a PowerPoint deck using Delino React Forge.

Delino React Forge is currently available as version 0.1.1 and is open source under the Apache 2.0 license. Explore the official documentation or view the code on GitHub.