Vercel · Arazzo Workflow

Vercel Draft Spec With Gateway Then Build App

Version 1.0.0

Draft an app spec via the AI Gateway, then feed that spec into v0 to generate the app.

1 workflow 2 source APIs 1 provider
View Spec View on GitHub AI GatewaysGatewaysObservabilityWebhookArazzoWorkflows

Provider

vercel

Workflows

draftSpecThenBuildApp
Expand an idea into a spec via the gateway, then generate the app with v0.
Asks an AI Gateway model to expand a short idea into a detailed build spec, then sends that spec as the v0 generation prompt and returns the preview URL.
2 steps inputs: chatModel, gatewayApiKey, idea, v0ApiKey outputs: chatId, previewUrl, spec
1
draftSpec
Ask an AI Gateway model to expand the short idea into a detailed app build specification suitable for code generation.
2
buildApp
Send the generated specification to v0 as the generation prompt.

Source API Descriptions

Arazzo Workflow Specification

Raw ↑
arazzo: 1.0.1
info:
  title: Vercel Draft Spec With Gateway Then Build App
  summary: Draft an app spec via the AI Gateway, then feed that spec into v0 to generate the app.
  description: >-
    A cross-API flow that uses the Vercel AI Gateway to expand a short idea into a
    detailed build specification and then hands that specification to the v0
    Platform API to generate the actual application. This chains a reasoning model
    and a code-generation pipeline across two Vercel APIs, each carrying its own
    Bearer token. Every step inlines its request and documents the success status.
  version: 1.0.0
sourceDescriptions:
- name: chatApi
  url: ../openapi/vercel-chat-api-openapi.yml
  type: openapi
- name: chatsApi
  url: ../openapi/vercel-chats-api-openapi.yml
  type: openapi
workflows:
- workflowId: draftSpecThenBuildApp
  summary: Expand an idea into a spec via the gateway, then generate the app with v0.
  description: >-
    Asks an AI Gateway model to expand a short idea into a detailed build spec,
    then sends that spec as the v0 generation prompt and returns the preview URL.
  inputs:
    type: object
    required:
    - gatewayApiKey
    - v0ApiKey
    - chatModel
    - idea
    properties:
      gatewayApiKey:
        type: string
        description: AI Gateway API key (AI_GATEWAY_API_KEY) used as a Bearer token for the gateway.
      v0ApiKey:
        type: string
        description: v0 API key (V0_API_KEY) used as a Bearer token for the v0 Platform API.
      chatModel:
        type: string
        description: "AI Gateway chat model id in 'provider/model-name' form."
      idea:
        type: string
        description: A short product idea to expand into a detailed build spec.
  steps:
  - stepId: draftSpec
    description: >-
      Ask an AI Gateway model to expand the short idea into a detailed app build
      specification suitable for code generation.
    operationId: createChatCompletion
    parameters:
    - name: Authorization
      in: header
      value: Bearer $inputs.gatewayApiKey
    requestBody:
      contentType: application/json
      payload:
        model: $inputs.chatModel
        messages:
        - role: system
          content: >-
            You expand short product ideas into detailed, implementation-ready web
            app build specifications. Respond with only the specification.
        - role: user
          content: $inputs.idea
        stream: false
    successCriteria:
    - condition: $statusCode == 200
    outputs:
      spec: $response.body#/choices/0/message/content
  - stepId: buildApp
    description: Send the generated specification to v0 as the generation prompt.
    operationId: createChat
    parameters:
    - name: Authorization
      in: header
      value: Bearer $inputs.v0ApiKey
    requestBody:
      contentType: application/json
      payload:
        message: $steps.draftSpec.outputs.spec
    successCriteria:
    - condition: $statusCode == 200
    outputs:
      chatId: $response.body#/id
      previewUrl: $response.body#/previewUrl
      url: $response.body#/url
  outputs:
    spec: $steps.draftSpec.outputs.spec
    chatId: $steps.buildApp.outputs.chatId
    previewUrl: $steps.buildApp.outputs.previewUrl

Work with this as data

Every workflow here is available over the APIs.io API and to AI agents over MCP.

MCP server

One button, every client — Claude, Cursor, VS Code and the rest.

https://apis.io/mcp

Tools for arazzo workflows

4 MCP tools reach this
  • find_arazzoBrowse and filter every workflow in the catalog.
  • apis_io_searchSTART HERE — APIs, providers and tags for one query, each with its total.
  • resolveTurn a domain, URL or GitHub org into the provider it belongs to.
  • find_cohortsEvery scored population of providers in the catalog.
All 92 tools →

Call it yourself

curl for this page
This workflow
curl "https://apis.io/api/v1/arazzo/vercel-prompt-with-gateway-then-build-app-workflow"
All arazzo workflows
curl "https://apis.io/api/v1/arazzo?limit=25"

Discovery needs no key. Ratings and market analysis are Pro.

Get an API key

Free tier, no form to fill in. Signing in shares your email address with us — we store it to create your key and to recognise you if you sign in with another provider. See our Privacy Policy and Terms.

A second provider on the same verified email joins the account you already have.