> 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/training/capabilities.md).

# Part 1

***

<div data-with-frame="true"><figure><img src="/files/csj6G7fCF3XGfnDw7bUp" 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>

***

## Lesson contents

1. Explore our Home page
2. Explore the Playground
3. Upload your assets to the Playground
4. Tasks & Tools
   1. Model Generation
   2. Retouch
   3. Angle
   4. Extract
   5. Light

***

## Assets

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

{% file src="/files/NYzWiuoDIJkJ9VBD8qT5" %}

<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.

***

## Beachside Model Generation and Automated Tasks

Automated Tasks are intent based creative operations combined into a single action. For instance generating multiple angles from a single packshot image, changing the light of your visual, blending your product into a new background and so forth.

{% columns %}
{% column valign="middle" %}

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

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

<a href="/pages/sIqxhaDca39UXRi0Q4Al" class="button primary">Open the tutorial</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/ADBM5zZW0auJkFaGrqkx" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-wand-magic-sparkles">:wand-magic-sparkles:</i> **Retouch**

Adjusts lighting, color, geometry, surface details, and background cleanliness in one click.

<a href="/pages/dKuMGanntvoa4wcdQySo" class="button primary">Open the tutorial</a>

{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/6xtiwkJFIt8dk6CGidx2" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-angle-90">:angle-90:</i> **Angle**

Create consistent new product angles from a single packshot or visual image.

<a href="/pages/scPRmf2UHNygzfDCY7Iu" class="button primary">Open the tutorial</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/J0eEX4fI6G802zQHxCQe" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-scissors">:scissors:</i> **Extract**&#x20;

Isolate a specific element from an image or scene with transparent background.

<a href="/pages/Y7k4WaqfWTZzNH9jQUeP" class="button primary">Open the tutorial</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/RvblSsB5QmEl7GK9tRG8" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-lightbulb">:lightbulb:</i> **Light**&#x20;

Refine scene lighting directly on the canvas. Adjust direction, intensity, and placement so products integrate naturally into their environment.

<a href="/pages/ULmoXhthX9AEP6aH6ZSe" class="button primary">Open the tutorial</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/IgB3OAr04FaqRVAiHH9n" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

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

## Next step

{% content-ref url="/pages/qXMbcFYtwM4fWON6ILEV" %}
[Part 2](/training/capabilities-1.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/training/capabilities.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.