Open Source • Free Forever

Visualize your API
workflows instantly

The most intuitive way to understand, edit and share standard-compliant Arazzo API workflow specifications. Real-time editing with Monaco Editor, interactive diagrams, and Mermaid export.

arazzo.connethics.com/playground
Arazzo Builder - Interactive Workflow Editor
Arazzo 1.0.1 Compliant
Validated against Test Suite
View Compliance Matrix

Everything you need to understand
Arazzo specifications

A complete toolkit for working with OpenAPI Arazzo workflow specifications

Interactive Flow Diagrams

Explore your API workflows with draggable, zoomable React Flow diagrams. Click on steps to see details.

Monaco YAML Editor

Edit your Arazzo specifications with VS Code's powerful Monaco editor featuring syntax highlighting and code folding.

100% Spec Compliant

Built strictly against Arazzo 1.0.1 specification and validated with comprehensive test suites.

Mermaid Export

Export your workflows as Mermaid diagrams for documentation, presentations, or integration with other tools.

Step Details Panel

View comprehensive details about each step including parameters, success criteria, outputs, and API operations.

Multiple View Modes

Switch between interactive diagrams, Mermaid flowcharts, and sequence diagrams to visualize your workflows.

arazzo.connethics.com/playground — Documentation View
Arazzo Playground - Documentation view with step details and markdown rendering

Beautiful Documentation

Turn your Arazzo specifications into interactive documentation automatically.

  • Rich Markdown support for descriptions
  • Interactive step details and parameters
  • Clear visualization of inputs and outputs
  • Dark mode optimized for readability
New Extension

Edit Arazzo files directly in VS Code

Get the full power of the Arazzo Playground right inside your favorite editor. Visualize workflows, edit with real-time preview, and export diagrams without leaving VS Code.

pet-adoption.arazzo.yaml
1arazzo: 1.0.1
2info:
3title: Pet Adoption
4version: 1.0.0
5
6workflows:
7- workflowId: adopt-pet
8summary: Complete adoption
Live Preview
Interactive Diagram
AI-Powered Development

Build Arazzo specs with AI Assistants

Download our skill file to enable AI coding assistants like Cursor, Cline, GitHub Copilot, and Claude Code to help you create and modify Arazzo specifications directly in your favorite IDE.

arazzo.skill.md
1# Arazzo Specification Skill File
2
3> For AI Coding Assistants: Create and modify
4> Arazzo specifications for API workflows.
5
6## Core Structure
7
8```yaml
9arazzo: "1.0.1"
10workflows:
Works with
All AI Assistants

What is Arazzo?

Arazzo is an OpenAPI Initiative specification for describing sequences of API calls and their dependencies. It enables you to document complex API workflows that involve multiple endpoints working together.

  • Define multi-step API workflows with dependencies
  • Specify success criteria and failure handling
  • Document input/output data flows between steps
  • Reference OpenAPI operations directly
Read the Arazzo Specification
arazzo: 1.0.1
info:
  title: Pet Adoption Workflow
  version: 1.0.0

workflows:
  - workflowId: adopt-pet
    summary: Complete pet adoption
    steps:
      - stepId: find-pets
        operationId: findPetsByStatus
        parameters:
          - name: status
            value: available
        successCriteria:
          - condition: $statusCode == 200
        outputs:
          pets: $response.body

      - stepId: select-pet
        operationId: getPetById
        dependsOn: find-pets
        parameters:
          - name: petId
            value: $steps.find-pets.outputs.pets[0].id

Ready to visualize your workflows?

Start exploring your Arazzo specifications now. No sign-up required.

Launch Playground