# App Builder

### Summary

App Builder lets you package any workflow into a standalone app that anyone can use - without ever seeing the canvas. Define what goes in, define what comes out, and everything in between runs behind the scenes. Publish it privately, share it with your team, or launch it to the Marketplace and earn credits every time someone runs it.

***

### Overview

If you've built a workflow you want to reuse or share with others - App Builder is how you turn it into a one-click experience.

What you can do:

* Hide the complexity: Collapse a multi-node workflow into a clean app with just inputs and outputs.
* Give users only what they need: Choose exactly which parameters users can control (prompts, uploads, settings) and lock down everything else.
* Add presets for instant results: Provide pre-filled prompts and reference images so users can generate without writing anything from scratch.
* Publish anywhere: Keep it private, share it with your team, or launch it to the Community Marketplace.
* Earn credits: Set your own pricing tier and earn credits every time someone uses or clones your app.

***

### How It Works

Every app is built from a standard workflow with two special nodes:

<table><thead><tr><th width="237.2890625">Node</th><th>What It Does</th></tr></thead><tbody><tr><td>Input Node</td><td>Collects everything the user controls - text prompts, image uploads, settings - into a single panel. This becomes the left side of your app.</td></tr><tr><td>Output Node</td><td>Displays the final result - the generated image, video, or audio. This becomes the center of your app.</td></tr></tbody></table>

The workflow between them runs exactly as it would on the canvas. The user never sees the nodes, connections, or intermediate steps - just a clean interface with inputs on the left and results in the center.

> One Input Node + One Output Node = one app per canvas.

***

### Getting Started

1. Open any workflow on the canvas.
2. Click the Builder tab in the left panel.
3. Add an Input Node and an Output Node to your workflow.
4. Switch between Editor (canvas view) and App (user-facing view) using the toggle at the top center.

***

### The Builder Flow

App Builder walks you through four stages:

#### Build

These pages cover how to create and configure your app.

{% stepper %}
{% step %}

### [Create an App](https://help.imagine.art/workflows/app-builder/create-an-app)

Add Input and Output nodes to your workflow, expose parameters with "Set As Input," add categorized presets, and preview the app view. One Input Node + One Output Node = one app per canvas.
{% endstep %}

{% step %}

### [Publish Your App](https://help.imagine.art/workflows/app-builder/publish-your-app)

Configure your app's name, description, visibility (Public, Team, or Personal), remix access, monetization tier, and thumbnail, then publish. Community apps go through moderation review before going live.&#x20;
{% endstep %}
{% endstepper %}

***

#### Discover & Earn

These pages cover the marketplace and how credits work.

{% stepper %}
{% step %}

### [App Marketplace](https://help.imagine.art/workflows/app-builder/app-marketplace)

Publish apps to the Community Marketplace and earn credits every time someone uses or clones your app. Set your earning tier (None, Low, Medium, High) and track your income from the My Apps dashboard.
{% endstep %}

{% step %}

### [Manage your Apps](https://help.imagine.art/workflows/app-builder/my-apps)

Browse and manage all your apps across four tabs; Explore, Community, Team Apps, and My Apps. Track metrics (credits earned, runs, clones, likes), edit workflows, manage versions, and unpublish from one place.&#x20;
{% endstep %}
{% endstepper %}

***

### Key Concepts

<table><thead><tr><th width="198.71484375">Concept</th><th>What It Means</th></tr></thead><tbody><tr><td>Input Node</td><td>Collects all user-facing parameters (prompts, uploads, settings) into a single panel. Users interact with this when they use your app.</td></tr><tr><td>Output Node</td><td>Displays the final generated result (image, video, audio). Connects to the last generation node in your workflow.</td></tr><tr><td>Set As Input</td><td>A shortcut button on any node parameter that automatically connects its input handle to the Input Node — exposing it to app users. You can also connect handles manually by dragging on the canvas.</td></tr><tr><td>Presets</td><td>Pre-filled input options (prompt templates, reference images) organized by category. Makes apps easier to use out of the box.</td></tr><tr><td>Remix Access</td><td>When enabled, users can clone your app and modify the workflow behind it. You earn credits from every clone.</td></tr><tr><td>Monetization</td><td>Set an earning tier (0–30 credits) on top of the base generation cost. Earned credits are transferred to your account per use.</td></tr><tr><td>Versioning</td><td>Each republish creates a new version. Last 5 versions are archived. Users are notified when updates are available.</td></tr></tbody></table>

***

### Common App Patterns

Here are some popular ways creators use App Builder. Each pattern follows the same idea: the user provides simple inputs, and the workflow handles the rest.

<table><thead><tr><th width="209.30859375">Pattern</th><th>What Users Do</th><th>What the Workflow Does</th></tr></thead><tbody><tr><td>Simple image generator</td><td>Type a prompt, click Run</td><td>Generates an image. Add presets for one-click generation.</td></tr><tr><td>Photo enhancer</td><td>Upload a photo</td><td>Edits, upscales, and outputs a polished version.</td></tr><tr><td>Talking-head video</td><td>Enter a script</td><td>Generates video, adds lipsync, combines audio — complete video with synced speech.</td></tr><tr><td>Batch ad creatives</td><td>Enter multiple prompts</td><td>Generates and resizes assets for every platform using Text Iterator.</td></tr><tr><td>Product photography</td><td>Upload one product shot</td><td>Produces multiple angle variations automatically.</td></tr><tr><td>Storyboard generator</td><td>Describe a scene</td><td>Creates numbered frames ready for animation using Split Image.</td></tr></tbody></table>

***

### What's Next

Ready to build? Start with [Create an App →](https://claude.ai/chat/create-an-app.md) to set up your Input and Output nodes and configure your app's interface.