Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/gratitude5dee/wzrd-studio-desktopfinal/llms.txt

Use this file to discover all available pages before exploring further.

This guide takes you from a fresh install to your first exported AI video clip. You’ll configure your environment, launch the app, generate storyboard shots, run Director’s Cut, and export from the video editor — all in about five minutes.
AI generation requires credits in your WZRD Studio account. If you haven’t added credits yet, see the Credits guide before continuing with steps 5 and 6.
1

Install WZRD Studio

If you haven’t installed the app yet, follow the Installation guide to download and mount wzrdstudiofinal555-apfs.dmg, drag WZRD Studio.app to Applications, and bypass Gatekeeper on first launch.
2

Configure environment variables

Create a .env file in the project root for development mode:
VITE_SUPABASE_URL=https://<project-ref>.supabase.co
VITE_SUPABASE_ANON_KEY=<your-supabase-anon-key>
VITE_THIRDWEB_CLIENT_ID=<your-thirdweb-client-id>
Find these in Supabase → Project Settings → API, and Thirdweb dashboard → your project → Client ID.
Never commit your .env file to version control. It is already excluded by .gitignore.
3

Launch the app

From the DMG install, open WZRD Studio.app from Applications. If macOS blocks the launch, right-click and select Open.From source in development mode:
bun run desktop:dev
This starts the Vite dev server and Electron shell together. The app window opens automatically.
4

Sign in and create a project

On the login screen, connect your wallet via Thirdweb — Google, Apple, Discord, email, passkey, or phone. The app exchanges your wallet token for a Supabase session and redirects you to the Home dashboard.Click New Project, enter a name, and click Create. You’ll land on the Studio Canvas.
5

Generate storyboard shots

Navigate to the Storyboard page (/projects/:projectId/timeline). Add a new scene and write a prompt for your first shot. Click Generate to kick off AI image generation via the gen-shots edge function.Repeat for each shot. Use Auto-Generate to queue all pending shots at once — the app processes them with adaptive concurrency, so multiple shots run in parallel without overwhelming the generation backend.
Check your credit balance before bulk generation. Each shot image and video has a credit cost — see Credits for the full cost table.
6

Run Director's Cut

Once shots are generated, open the Director’s Cut page (/projects/:projectId/directors-cut). Click Create Cut to trigger the director-cut edge function. WZRD assembles your shots into a final video automatically. Poll job status until the outputUrl field is populated in the response.
7

Export from the Video Editor

Open the Video Editor (/projects/:projectId/editor). The QCut multi-track timeline loads your assembled cut. Trim clips, add titles, adjust audio, then click Export. Choose resolution and format and click Render — the file is saved locally and attached to your project assets.
After export, open Postz to schedule the clip for social publishing without leaving the app.

​
Next Steps

Studio Canvas

Build branching node graphs for multi-variant AI generation pipelines.

Video Editor

QCut keyboard shortcuts, export engines, and the agent command API.

MCP Server

Automate entire WZRD workflows using AI agents and MCP tools.

Agent Skills

Composable automation tasks for generation, billing, and editing.

Build docs developers (and LLMs) love

Get started for freeTalk to us