> 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/learn/onboarding.md).

# Onboarding

Welcome to Beachside onboarding training. On this page you will find all of our training contents, assets and tutorials.Learn how to use Beachside to create, modify, refine and scale your production.

***

<div data-with-frame="true"><figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FcPtoz9023JQ8BaYC2zuX%2Fgitbook_training_04.png?alt=media&amp;token=fc9eecfe-7b38-49e7-9981-9295d39ffccd" alt=""><figcaption></figcaption></figure></div>

<details>

<summary><strong>What is Beachside?</strong></summary>

Beachside is
the creative OS for 
high-quality brand campaigns. Built for consistency, speed and 
real production work:

* **Intention driven features, not prompts:** every action matches a real creative intention. Tools respond to what you want to achieve, not to prompts.
* **Create more without burning out:** Beachside absorbs the repetitive, time-consuming steps. Designers can focus on composition, storytelling, and quality.
* **Production-ready
at scale:** results are consistent, stable, and ready for 
e-commerce, campaigns, and global asset distribution.

</details>

<details>

<summary><strong>What you can do</strong></summary>

Beachside supports the entire creative process, 
from ideation to production and post-production:

* **Create:** Incorporate all elements you envision, such as background and texture, from a single product image.
* **Edit:** Rearrange existing campaign materials by seamlessly replacing products, backgrounds, and specific elements.
* **Enhance:** Instantly clean up details, remove unwanted elements, cut out subjects, and enhance resolution.
* **Scale:** Extend the campaign to multiple SKUs, while maintaining the tone and style of your key visual.

</details>

***

## Contents

1. Explore our Home page
2. Explore the Playground
3. Upload your assets to the Playground
4. Tasks & Tools introduction

***

## Assets

Before we start creating with Beachside, download the following images.

{% file src="/files/3BGh1kWAeBu52gFNwmlr" %}

<details>

<summary><strong>How to upload assets to the library</strong></summary>

1. On the left-bottom side of the screen, select the <i class="fa-arrow-up-from-bracket" style="color:$primary;">:arrow-up-from-bracket:</i> icon on the Uploads panel
2. Select and upload your files.\
   Upload your image files by selecting or dragging them to the designated area. Each file can be up to 30MB, and you can upload up to 10 files simultaneously.
3. Select <kbd><mark style="color:$primary;">**Confirm**<mark style="color:$primary;"></kbd> to finish uploading and go back to the playground.

<a href="https://app.gitbook.com/o/UwFjOzcvPxIXk6nkc4K5/s/OUQ3EAPIPziQuBKQgmTy/~/edit/~/changes/188/onboarding/playground#upload-assets-to-your-library" class="button primary">Follow the tutorial here</a>

</details>

***

## Explore our Home page

Explore the different tabs below the image to preview our pages.

<a href="https://theseaai.com/beachside/" class="button primary">Visit Beachside Home page</a>

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

* <i class="fa-house">:house:</i>  **Home:** access recent work, teams, and create new playgrounds from one place.
* <i class="fa-bring-forward">:bring-forward:</i>  **Playgrounds:** create and organize your visual projects.
* <i class="fa-image">:image:</i>  **Visuals:** view all images created across your playgrounds.
* <i class="fa-gem">:gem:</i>  **Assets:** store and organize shared files such as packshots, textures, backgrounds, and logos.

***

## Explore the Playground

Explore the different tabs below the image to learn about the Playground.

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

1. **Playground name:** double click to change the name anytime.
2. **Infinite canvas:** you can zoom in and out freely, and create as many scenes are you wish.
3. **Scenes:** how we call the creations you make inside the playground.
4. **Library:** access your team assets and upload files to be used on the playground.
5. **Task menu:** intent based creative operations.
6. **Tool menu:** manual instruments to assist and support Tasks.

***

## Main tasks

{% columns %}
{% column %}

#### <i class="fa-images">:images:</i>  **Model Generation**

Write prompts to generate images from scratch or edit existing images.

<div align="left" data-with-frame="true"><figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FywPzivKKeYgfER3U1dCb%2Fgitbook_cap_model.gif?alt=media&amp;token=d9c9a4d2-2064-4fb2-8d98-be025bd90196" alt=""><figcaption></figcaption></figure></div>

<a href="/tasks/model.md" class="button secondary">Learn more</a>
{% endcolumn %}

{% column %}

#### <i class="fa-puzzle-piece">:puzzle-piece:</i> **Combo**&#x20;

Combine text, image and graphics to create a new visual.

<div align="left" data-with-frame="true"><figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FhwZVGnwd5BsQk3LS23Sl%2Fgitbook_cap_combo.gif?alt=media&amp;token=58d55801-3556-4268-bf6e-ee877a377984" alt=""><figcaption></figcaption></figure></div>

<a href="broken://pages/i73g4LZQanoLj7XtSO18" class="button secondary">Learn more</a>
{% endcolumn %}
{% endcolumns %}

***

### Combo use cases

Can you guess how to create these visuals by looking at them? Before you check the result, try to image what were the tasks, tools, text prompts and reference images used for each image. Let's try these one by one together:

<div><figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FrOqCdogqAOO7qt6KTM0g%2FVisual_2(result).png?alt=media&amp;token=dad8579d-e593-4b81-ad68-2af9f3f9b0a4" alt=""><figcaption><p>Image 1</p></figcaption></figure> <figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F7DFZjPy2NhiBB5TRxDpB%2FVisual_4(result).png?alt=media&amp;token=40aaad35-264f-4a24-9a2c-c084df9732c4" alt=""><figcaption><p>Image 2</p></figcaption></figure> <figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F5T7EpCUVjnfpvRjPyjVj%2FVisual_5(result).png?alt=media&amp;token=caa6ad4a-b1ce-4116-8e84-5e07a032e39e" alt=""><figcaption><p>Image 3</p></figcaption></figure> <figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FbLDOVVcZrk3tDW8vfGSU%2FVisual_6(result).png?alt=media&amp;token=932fd3c9-da29-42df-b07d-406f5b705ccc" alt=""><figcaption><p>Image 4</p></figcaption></figure></div>

<details>

<summary><strong>1. Simple layout combination</strong></summary>

<div data-with-frame="true"><figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FVTwZKlx4eK29Ej1WjxFE%2FVisual_2(combo).png?alt=media&amp;token=08de8e3d-6e75-4f57-ae21-99ae9e3b1947" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary><strong>2. Cream texture</strong></summary>

<div data-with-frame="true"><figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FfGILifnJyEsYek0Mvhgk%2FVisual_4(combo).png?alt=media&amp;token=d5db078f-a837-469a-92e7-1119de5f68f5" alt=""><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FvdNQMEXkyvV55RcvakiX%2FVisual_4(light).png?alt=media&amp;token=7b37aaff-7b49-489d-b917-50242e50a742" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary><strong>3. Liquid falling over the product</strong></summary>

<div data-with-frame="true"><figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FTIUPYGe2cq5J4T1LQey6%2FVisual_5(combo).png?alt=media&amp;token=91ee6da1-e8ff-4a71-a15f-05b2ffd1f8f7" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary><strong>4. Floating mirrors</strong></summary>

<div data-with-frame="true"><figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FITFCaZGaNLoYlmTULfOU%2FVisual_6(combo).png?alt=media&amp;token=5c684dcf-5ffb-449e-a8a4-8169216d1184" alt=""><figcaption></figcaption></figure></div>

</details>

***

## Other tasks

{% columns %}
{% column %}
{% content-ref url="/pages/f423520af2ff541db02a3edfecedc161f81595f9" %}
[Variation](/tasks/variation.md)
{% endcontent-ref %}

{% content-ref url="/pages/AD9lDCmpddI5WAY92HgG" %}
[Blend](/tasks/blend.md)
{% endcontent-ref %}

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

{% content-ref url="/pages/ULmoXhthX9AEP6aH6ZSe" %}
[Light](/tasks/light.md)
{% endcontent-ref %}

{% content-ref url="/pages/lWdZgI2P4YIODQ7uazsl" %}
[Remove](/tasks/remove.md)
{% endcontent-ref %}
{% endcolumn %}

{% column %}
{% content-ref url="/pages/Y7k4WaqfWTZzNH9jQUeP" %}
[Extract](/tasks/extract.md)
{% endcontent-ref %}

{% content-ref url="/pages/933e534265ccc91c47026b85bc89fc5c07250303" %}
[Retouch](/tasks/retouch.md)
{% endcontent-ref %}

{% content-ref url="/pages/7199fa22362fbecce489793bf99bcb4be4d39ede" %}
[Upscale](/tasks/upscale.md)
{% endcontent-ref %}

{% content-ref url="/pages/8tAv68909jQsLTgvxntc" %}
[Expand](/tasks/expand.md)
{% endcontent-ref %}

{% content-ref url="/pages/6OwG2HRMnp3rPesQgEKY" %}
[Replicate](/tasks/replicate.md)
{% endcontent-ref %}
{% endcolumn %}
{% endcolumns %}

***


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.