Products & Surfaces

Creating a product

A Product groups your Flows and Agents as Capabilities. It exposes those Capabilities through Surfaces, such as chat widgets, REST APIs, Model Context Protocol (MCP) servers, and Agent-to-Agent (A2A) endpoints.

Before you begin, create a Flow or Agent, or plan to add one from the Product editor. For a guided example, follow Quickstart: Build a Social Media Post Generator as a REST API.

Create a Product

To create a Product in the dashboard, follow these steps:

  1. In the sidebar, click Products.
  2. Click New product.
  3. Choose Chat Widget, MCP Server, REST API, or A2A Agent. To create the Product without a Surface, click Start with an empty product.
  4. In the Name field, enter a descriptive name, such as Customer Support Assistant.
  5. If you choose a Surface, select New Agent, Use Existing, or Skip for now.
  6. If you choose Use Existing, select Agents or Flows, then select the resource to add.
  7. Click the Create button.

The Product editor opens after creation. If you choose a Surface, its setup panel opens.

Use a name that describes what the Product does. The Product name is the default title for generated API documentation and MCP manifests.

Start from a template

The template gallery opens over the page you are on. Use it to deploy a working Product, then edit it.

Open the gallery from one of these places:

  • On the Products page, click Templates.
  • In an empty Products, Flows, or Agents list, click Start from a template. The Flows list opens the gallery filtered to Flow, and the Agents list opens it filtered to Agent.

The gallery groups its cards into two sections:

  • Templates: Runtype Product templates. Each card carries a badge for every Capability it creates, such as Agent or Flow.
  • Examples: published Runtype examples. Example cards carry no Capability badges.

To narrow the gallery, enter a term in Search templates, which matches card names and descriptions. To narrow it by Capability, click one of the Capability buttons beside the search field. Only Capabilities that the current templates actually create get a button, so the set changes as templates are added. Today it is All, Agent, and Flow. The Capability filter applies to the Templates section, so the Examples section is hidden while a filter other than All is active.

Click a template card to open its setup page. Enter a Product Name, update the Flow and Agent settings that the template prefills, then click the deploy button, which is labeled Deploy followed by the template name. Click an example card to open a preview with an architecture diagram, then create the Product from the same page.

Generate a Product with AI

In a non-production environment, use Generate with AI to describe a Product and review its proposed setup before creation.

To generate a Product with AI, follow these steps:

  1. On Products, click Generate with AI.
  2. Describe the Product that you want to build.
  3. Answer the interview questions.
  4. Review the Product brief and architecture diagram.
  5. Correct missing details, then confirm the proposed architecture.
  6. Approve the build.
  7. Review the created Product in the Product editor, then customize its Capabilities and Surfaces.

Nothing is created until you approve the build. You can revise the proposal during the interview before you approve it.

Add Capabilities

After you create a Product, click Add Capability in List view or Visual view.

Choose one of these options:

  • New Agent: Create an Agent to power the Product.
  • New Flow: Create a Flow to power the Product.
  • External A2A: Connect an external A2A-compatible Agent built with LangChain, CrewAI, Vercel AI SDK, or another framework.
  • Use Existing: Select an existing Agent or Flow.

Give each Capability a unique name. Add a description when you want to explain its purpose. For the full workflow, see Adding capabilities to a Product.

You can create and iterate on Flows and Agents in the Product editor. To create a resource separately, see Creating and editing Flows or Creating and configuring Agents.

Add Surfaces

To expose Capabilities, use the Product surfaces section and click Add Surface. Common Surface types include:

  • Chat Widget: Embed a chat interface on your website.
  • MCP Server: Expose Capabilities as tools for AI assistants.
  • REST API: Provide HTTP endpoints and generated OpenAPI documentation.
  • A2A Agent: Expose Capabilities through the Agent-to-Agent protocol.
  • Slack Channel: Connect the Product to a Slack workspace.
  • Email Channel: Send and receive messages by email.

Add multiple Surfaces to a Product, then choose which Capabilities each Surface exposes. For the complete list of Surface types, see What are Surfaces?.

To test a Capability interactively, start with a Chat Widget Surface. Then add an API Surface or MCP Surface when you are ready to integrate.

Configure product details

To update a Product, select its Product node in Visual view or open its edit panel. Edit Name or Description, then click Save.

View the Product architecture

Select Visual view in the Product editor to open the architecture graph. The graph maps Capabilities to Surfaces and shows their connections.

Next steps

Continue with one of these guides: