> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/onboarding/firstgeneration.md).

# First Generation

## Text Prompt

Beachside allows you to edit an image using a "text prompt." Before proceeding, ensure the task menu's first option <kbd><mark style="color:$primary;">**Nano Banana Pro**<mark style="color:$primary;"></kbd> is selected, which is the AI model we will use for editing.&#x20;

Let's use a simple prompt to change the fruits on the scene to lemons, instead of oranges:

1. On the Generation Settings panel type this prompt: <kbd>*<mark style="color:$info;">Change the oranges to lemons</mark>*</kbd>&#x20;
2. Click the <kbd><mark style="color:$primary;">**Generate**<mark style="color:$primary;"></kbd> <mark style="color:$info;">button at the bottom of the panel.</mark>
3. <mark style="color:$info;">Beachside will take a couple of seconds to generate 4 new scenes.</mark>

<div data-with-frame="true"><figure><img src="/files/Lf4hSkggMMI6hHDYmBBD" alt=""><figcaption></figcaption></figure></div>

### Generated Scenes

<div><figure><img src="/files/si2Tmma63uGMXp4GQMwK" alt=""><figcaption></figcaption></figure> <figure><img src="/files/AUe4ed31072LjrbxczcV" alt=""><figcaption></figcaption></figure> <figure><img src="/files/uYcgO34MNmJX3cjFOSdl" alt=""><figcaption></figcaption></figure> <figure><img src="/files/whVijq9OhlibOBB8wfmv" alt=""><figcaption></figcaption></figure></div>

***

## Review and Repeat Steps

Follow the interactive tutorial bellow and you will be able to create a new scene, select the "model generation" and use your own prompt.&#x20;

{% hint style="info" icon="language" %}
**How to Change Your Tutorial Language**\
Tutorials are shown in English by default. To view this tutorial in a different language, hover over the top right corner and select <i class="fa-language">:language:</i> **Language**.
{% endhint %}

{% @arcade/embed flowId="fiHvNkk3LPOK3gCcVFKg" url="<https://app.arcade.software/share/fiHvNkk3LPOK3gCcVFKg>" %}

{% stepper %}
{% step %}

#### Start a New Generation

You may start a new generation from:

* **Scene Panel on the left side of the screen:** \
  On the left upper side of the screen on the "Scene Panel", select the <i class="fa-plus-large" style="color:$primary;">:plus-large:</i> icon to a create a new scene.
* **From anywhere on the playground**\
  Right-click anywhere on your playground and choose <kbd><mark style="color:$primary;">**+ create new scene**<mark style="color:$primary;"></kbd> or use the keyboard shortcut <i class="fa-command">:command:</i>+Shift+S on Mac and Control+Shift+S on Windows.
  {% endstep %}

{% step %}

#### Select "Start from image"

{% endstep %}

{% step %}

#### Upload Your Image

Select and upload the image you would like to edit.

You may upload an image by:

* Dragging and dropping an image from the Library panel
* Selecting <kbd><mark style="color:$primary;">**Upload an image**<mark style="color:$primary;"></kbd> inside the scene
* Dragging and dropping an image from a folder on your computer

Once uploaded, the product will appear in the scene.
{% endstep %}

{% step %}

#### Select "Model Generation"

Make sure the first option <kbd><mark style="color:$primary;">**Nano Banana Pro**<mark style="color:$primary;"></kbd> on the left-side Task Menu is selected, which is the AI model we will use for editing. You may choose other models to generate your image.

<details>

<summary><strong>Available AI Generation Models</strong></summary>

* **Nano Banana Pro:** Seamless, consistent edits with accurate details and reflections
* **Nano Banana 2:** Refine and transform visuals with faithful structure and natural detail
* **Nano Banana:** Seamless, consistent edits with accurate details and reflections
* **GPT5:** Photorealistic details with precise semantic understanding.
* **Seedream 4.5:** Ultra-consistent edits with superior detail retention and natural lighting
* **Seedream 4:** High-fidelity edits with natural lighting and detail retention
* **Seedream 3:** Fresh, consistent variations from original images
* **Flux Kontext:** Precise, seamless edits with natural results
* **Qwen:** Versatile visual creation with accurate text integration

</details>
{% endstep %}

{% step %}

#### Type your Text Prompt

On the Generation Settings panel type your prompt. \
Here are some prompt examples:

<kbd>*<mark style="color:$info;">Change scene to sunset</mark>*</kbd>&#x20;

<kbd>*<mark style="color:$info;">Change season to winter, add falling snow</mark>*</kbd>&#x20;

<kbd>*<mark style="color:$info;">Change scene to night time</mark>*</kbd>&#x20;
{% endstep %}

{% step %}

#### Generate

After confirming all settings, select <kbd><mark style="color:$primary;">**Generate**<mark style="color:$primary;"></kbd>.

The generated scenes will appear in your Playground.
{% endstep %}
{% endstepper %}

&#x20;

***

## Congratulations!

**What's next?**

Now that you are familiar with the basics, explore the features listed in the left task menu. Each page provides detailed instructions and guidance to help you understand how to use the tool and begin creating within Beachside. Why don't we start with "Angle"?

{% content-ref url="/pages/scPRmf2UHNygzfDCY7Iu" %}
[Angle](/tasks/angle.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.theseaai.com/onboarding/firstgeneration.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.