Getting Started

Everything you need to start using Cutflow -- from sign-up to creating your first project and understanding the interface.

Overview

This document explains how to access Cutflow for the first time, sign up, create a project, and understand the editor and Studio interfaces. Once you complete these steps, you will be ready to start producing short-form dramas.

---

Sign Up & Log In

Google OAuth Login

Cutflow currently supports Google account login.

1. Go to app.cutflow.so in your browser.
2. Click the [Sign in with Google] button on the login screen.
3. Select your Google account and complete authentication.
4. Once authenticated, you will be automatically redirected to the dashboard.

In-App Browser Considerations

Google's security policies block OAuth login in certain in-app browsers. Login may fail in the following situations:

Tip: If you experience login issues, copy the URL (app.cutflow.so) and access it directly in Safari or Chrome.

Session & Auto Logout

• Login sessions last for 24 hours.
• After 24 hours or extended inactivity, you will be automatically redirected to the login page.
• After logout, Google re-authentication is required.

---

Creating Your First Project

Dashboard

The first screen displayed after login is the Dashboard. On the dashboard, you can view and manage your list of created projects.

• The top NavBar displays the logo, credit balance, and profile menu.
• Clicking the credit balance badge opens the credit purchase modal.
• Clicking a project card navigates to that project's editor.

Project Creation Process

1. Click the [+ Create New Project] button on the dashboard.
2. The Project Creation Modal will appear.

Project Name

Enter a name to identify your project.

• Minimum 1 character, maximum 50 characters
• Default: "Untitled Project"
• You can change it after project creation.

Aspect Ratio

Select the aspect ratio applied to all images and videos in the project.

Important: The aspect ratio cannot be changed after project creation. Only AI models that support the selected ratio will be available, so choose carefully based on your intended purpose.

Resolution

Select the resolution for generated images and videos.

1. After completing the settings, click the [Create Project] button to create the project and automatically navigate to the editor.

Project Management

Right-click a project card on the dashboard, or click the three-dot (...) button to access the following menu:

• Rename: Edit the project name.
• Duplicate: Copy the project.
• Delete: Delete the project (cannot be recovered).

---

Understanding the Interface

A Cutflow project has two main pages: the Editor and the Studio.

Editor

The main workspace where storyboard production takes place. It uses a 3-panel layout.

+------------------+-----------------------------+-------------------+
|  Left Panel      |       Center Panel          |    Right Panel    |
|                  |                             |                   |
| Character List   |  Cut Editor                 |   AI Chat         |
| Location List    |  (Script / Keyframes /      |                   |
| Storyboard       |   Takes - 3 tabs)           |                   |
| (Cut List)       |                             |                   |
+------------------+-----------------------------+-------------------+

Left Panel

The left panel contains three sections: Characters, Locations, and Storyboard.

Character List: Displays characters registered in the project in a condensed view (up to 3 items + "+N more"). Clicking an item navigates to the Studio and opens that character's detail panel.

Location List: Displays locations registered in the project in a condensed view (up to 3 items + "+N more"). Clicking an item navigates to the Studio.

Storyboard (Cut List): Displays the full list of cuts in the project. Each cut shows a thumbnail, cut number, script preview, and progress status. Clicking a cut displays that cut's editing screen in the center panel. You can reorder cuts with drag and drop.

Center Panel -- Cut Editor

The core area where actual production work takes place. It consists of Script, Keyframes, and Takes -- three tabs that each handle one stage of cut completion.

• Script tab: Write scripts using the block editor (Location, Action, Dialog blocks)
• Keyframes tab: Generate AI image prompts, create keyframes, and select a representative
• Takes tab: Generate AI video prompts, create Takes, and select a representative

For detailed Cut Editor usage, see the Cut Editor document.

Right Panel -- AI Chat

The AI chat assistant lives here. It helps with script writing, prompt generation, cut splitting, and other creative tasks. You can chat unlimited times without consuming credits.

For detailed AI chat usage, see the AI Chat Assistant document.

Studio

A dedicated page for designing and managing characters and locations. Access it via the [Manage in Studio] link in the editor's left panel or the [Studio] tab in the top navigation.

• Character/location card grid + detail panel layout
• Concept image, Character Sheet, and location image generation and management
• Variation system (outfits, time of day, etc.)
• Design-focused AI chat

For detailed Studio usage, see the Character & Location Studio document.

---

Detailed Tutorial: Creating Your First Short-Form Drama

Below is a practical example of creating a simple 2-cut short-form drama called "A Meeting at the Cafe."

1. Project Setup

1. Click [+ Create New Project] on the dashboard.
2. Project name: A Meeting at the Cafe
3. Aspect ratio: 9:16 (portrait)
4. Resolution: 1080p
5. Click [Create Project].

2. Register Characters & Locations (Studio)

Click the [Studio] tab in the editor to navigate to the Studio.

Character Registration:

1. In the Characters section, click [+ New Character].
2. Register Seohee: @ID @Seohee, Name "Seohee", write an appearance description
3. Register Jake: @ID @Jake, Name "Jake", write an appearance description
4. In each character's detail panel, generate concept images (5cr) then generate a Character Sheet (10cr)

Location Registration:

1. Switch to the Locations section.
2. Register a cafe: @ID @Cafe, Name "Cafe", write a place description
3. Generate a location image in the detail panel (10cr)

3. Create Cut 1 (Editor)

Return to the editor and click [+ Add New Cut].

Script Tab -- Write the Script:

1. Location block: @Cafe - Afternoon
2. Action block: @Seohee is sitting by the cafe window, sipping coffee and gazing outside.
3. Action block: Warm afternoon sunlight fills the cozy atmosphere.

Keyframes Tab -- Generate Keyframes:

1. Click [Generate Prompt] -- the AI auto-writes an image prompt.
2. Verify that @Seohee and @Cafe appear automatically in the Reference Images.
3. Click [Generate Images] -- 4 candidate images are generated.
4. Select the best image as the representative keyframe.

Takes Tab -- Generate Takes:

1. Click [Generate Prompt] -- the AI auto-writes a video prompt.
2. Configure camera motion and duration.
3. Click [Generate Video] -- the video is generated asynchronously.
4. Once complete, review the Take and select it as the representative Take.

4. Create Cut 2

Script:

1. Location block: @Cafe
2. Action block: The cafe door opens and @Jake walks in.
3. Action block: He spots @Seohee and flashes a slight smile.

Repeat the same process: Generate Prompt -> Generate Images -> Select Representative -> Generate Video -> Select Take

5. Export

1. When both cuts are complete, click the [Export] button at the top.
2. The final video connecting both cuts is rendered.
3. Download the MP4 file.

Congratulations! Your first AI short-form drama is complete.

---

Tips & Best Practices

1. Complete characters and locations in the Studio first: The quality of sheets and images determines the consistency of all subsequent keyframes.
2. Write detailed scripts: The quality of AI prompt generation is proportional to the specificity of your script. Describe the scene, mood, and actions in detail.
3. Validate thoroughly at the image stage: Video generation costs significantly more credits than image generation, so make sure the keyframe is satisfactory before generating video.
4. Use the 9:16 ratio: Short-form dramas are primarily consumed on mobile, so the 9:16 portrait ratio is the best fit.
5. Choose project settings carefully: The aspect ratio cannot be changed after project creation, so decide based on your target platform in advance.

---

Frequently Asked Questions

Q. Google login is not working.

Google OAuth is blocked in in-app browsers like Instagram and Facebook. Please access directly from Safari or Chrome.

Q. Can I change a project's aspect ratio?

You cannot change the aspect ratio after project creation. If you need a different ratio, please create a new project.

Q. How many projects can I create?

There is no limit on the number of projects. Create as many as you like.

Q. Where is my data stored?

All project data and assets are securely stored in the Supabase cloud. You do not need to store data locally.

Q. Is a free trial available?

You receive complimentary credits upon sign-up. You can use these credits to try Cutflow's key features.

---

Related Documents

• Introduction to Cutflow -- Product vision and core features
• Character & Location Studio -- Full Studio guide
• Character Management -- @ID system and Character Sheet management
• Location Management -- @LocationID system and location image management
• Cut Editor -- Script, Keyframe, and Take 3-tab detailed guide
• Storyboard & Cuts -- Script writing and cut management