> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rainfrog.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Rainfrog: Node-Based AI Studio for Campaign Visuals

> Create campaign-level images and videos on a node canvas. Connect your assets, click Generate — Rainfrog assembles the AI instructions automatically.

Rainfrog is a node-based AI studio where you direct visual workflows instead of writing prompts. Connect your products, characters, styles, and environments on a canvas, hit Generate, and iterate toward coherent campaign imagery and video.

<CardGroup cols={2}>
  <Card title="Quick Start" icon="rocket" href="/quickstart">
    Create your first workflow and generate campaign visuals in minutes.
  </Card>

  <Card title="Node Canvas" icon="diagram-project" href="/concepts/node-canvas">
    Understand how the node-based canvas turns assets into AI generations.
  </Card>

  <Card title="Asset Libraries" icon="layer-group" href="/concepts/asset-libraries">
    Upload products, characters, and environments once — reuse them everywhere.
  </Card>

  <Card title="Plans & Credits" icon="credit-card" href="/plans-and-credits">
    Compare Hobby, Pro, and Ultra plans and learn how credits work.
  </Card>
</CardGroup>

## How Rainfrog works

Rainfrog replaces prompt engineering with visual composition. You build a node graph — your assets as inputs, generators as outputs — and Rainfrog assembles the generation automatically.

<Steps>
  <Step title="Upload your assets">
    Add products, characters, and environments under **Assets**. Choose styles on the Style node in the studio. Upload once and reuse across campaigns.
  </Step>

  <Step title="Build a workflow">
    Open a project, add nodes from the floating dock, and connect them to an Image Generator (or Full Body, Outfit Sheet, or Video Generator). Or start from a studio template.
  </Step>

  <Step title="Generate">
    Click **Generate**. Rainfrog produces stills or video on the generator node. Previous runs stay in history so you can compare.
  </Step>

  <Step title="Iterate and reuse">
    Swap a product, change the environment, or adjust the style — then regenerate. Clone gallery workflows from **Workflows** when you want a head start.
  </Step>
</Steps>

## Explore the docs

<CardGroup cols={3}>
  <Card title="Projects" icon="folder-open" href="/studio/projects">
    Manage your canvases and campaigns.
  </Card>

  <Card title="Workflows" icon="arrows-split-up-and-left" href="/studio/workflows">
    Browse, clone, and reuse gallery workflows.
  </Card>

  <Card title="Assets" icon="images" href="/studio/assets">
    Organize your products, characters, and environments.
  </Card>

  <Card title="First Campaign" icon="wand-magic-sparkles" href="/guides/first-campaign">
    Step-by-step guide to your first campaign.
  </Card>

  <Card title="Brand Consistency" icon="palette" href="/guides/brand-consistency">
    Keep every image on-brand across a campaign.
  </Card>

  <Card title="Video Generation" icon="film" href="/guides/video-generation">
    Generate short-form campaign video from your workflow.
  </Card>
</CardGroup>
