# Core Capabilities

***

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

<details>

<summary><strong>Terms of Usage</strong></summary>

Keep these points in mind
when you are creating with Beachside:

* **Strict IP Usage:** You must not upload, submit, or use any data, images, or text on the platform that includes trademarks or materials protected by third-party Intellectual Property Rights unless you have explicit permission.
* **No Copyright Mimicry:** You are strictly prohibited from trying to generate outputs that are the same as, or similar to, another company's copyrighted work or intellectual property.
* **No Sharing Accounts:** You must keep your access credentials completely confidential and secure; sharing your login with anyone else is strictly prohibited.
* **Enforcement:** If Beachside is used for anything outside of the authorized business operations or if these rules are broken, SEA reserves the right to immediately terminate your access to the platform.
* Learn more about our terms of service [here](https://theseaai.com/beachside/start/terms-of-service)

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

***

## Assets

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

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

<details>

<summary><strong>In case you are not able to open ZIP compressed files</strong></summary>

<div><figure><img src="/files/GipvtIZI9abSk9WVfNTL" alt=""><figcaption></figcaption></figure> <figure><img src="/files/jmMM5T2tzuLJXXznNvUV" alt=""><figcaption></figcaption></figure> <figure><img src="/files/jloPqP2NkmxnuW0GGpUb" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="/files/CYPlQwDAnljq11ltK6G1" alt=""><figcaption></figcaption></figure> <figure><img src="/files/7NePnRRECyequQkjlZu3" alt=""><figcaption></figcaption></figure> <figure><img src="/files/aoqeR2X0Mv4oKOZLTo8b" alt=""><figcaption></figcaption></figure></div>

</details>

<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<br>
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 Automatic 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.
{% 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**

Apply automatic image corrections in a single generation step. Retouch adjusts lighting, color balance, geometry, surface details, and background cleanliness while preserving the original composition.
{% 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.
{% 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-lightbulb">:lightbulb:</i> **Light**&#x20;

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

{% column %}

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

<details>

<summary><strong>Other Tasks</strong></summary>

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="image">Cover image</th></tr></thead><tbody><tr><td><h4><i class="fa-object-exclude">:object-exclude:</i> <strong>Blend</strong></h4></td><td>Seamlessly places a product packshot into a background in a single generation step. It automatically adjusts lighting, shadows, and material interaction to integrate both images into one consistent scene.</td><td data-object-fit="cover"><a href="/files/6BoJu0OV97XLulZ1RCQE">/files/6BoJu0OV97XLulZ1RCQE</a></td></tr><tr><td><h4><i class="fa-eraser">:eraser:</i> <strong>Remove</strong></h4></td><td>Remove eliminates unwanted elements from an image. Select what you want to remove (products, backgrounds, or labels) and generate a clean result.</td><td><a href="/files/9LFC9B9kfMWQMAJ9lyQR">/files/9LFC9B9kfMWQMAJ9lyQR</a></td></tr><tr><td><h4><i class="fa-scissors">:scissors:</i> <strong>Extract</strong></h4></td><td>Use Extract to isolate a specific element from an image or scene. The extracted element becomes a reusable layer that can be repositioned, recomposed, or used in other scenes.</td><td><a href="/files/RvblSsB5QmEl7GK9tRG8">/files/RvblSsB5QmEl7GK9tRG8</a></td></tr><tr><td><h4><i class="fa-expand">:expand:</i> <strong>Expand</strong></h4></td><td>Extend an image beyond its original boundaries in a single generation step. Expand allows you to adjust aspect ratio and positioning while maintaining visual consistency.</td><td><a href="/files/59RjSoVw4X4PzDMZrKss">/files/59RjSoVw4X4PzDMZrKss</a></td></tr><tr><td><h4><i class="fa-arrow-up-right-and-arrow-down-left-from-center">:arrow-up-right-and-arrow-down-left-from-center:</i> <strong>Upscale</strong></h4></td><td>Increase image resolution while enhancing detail and texture. Upscale generates a higher-resolution version of your scene while preserving the original composition.</td><td><a href="/files/nvowHcsIjpjzekfq7CBd">/files/nvowHcsIjpjzekfq7CBd</a></td></tr><tr><td><h4><i class="fa-forward">:forward:</i> <strong>Replicate</strong></h4></td><td>Replicate a visual look using up to 8 different SKUs while maintaining exact consistency in background, lighting, and composition.</td><td><a href="/files/yFoD2eydG0897ibdLUIS">/files/yFoD2eydG0897ibdLUIS</a></td></tr><tr><td><h4><i class="fa-puzzle-piece">:puzzle-piece:</i> <strong>Combo</strong></h4></td><td>Combine products, text prompts, and image references within a single scene. Place instructions directly on the canvas to define where changes should occur.</td><td><a href="/files/XikZcV7tYWmdR7bDeedA">/files/XikZcV7tYWmdR7bDeedA</a></td></tr></tbody></table>

</details>

***

## Beachside Skills Tutorial

{% content-ref url="/pages/sIqxhaDca39UXRi0Q4Al" %}
[Model Generation](/tasks/model.md)
{% endcontent-ref %}

<figure><img src="/files/r2gF7gtLJJRy1hfo16dP" alt=""><figcaption></figcaption></figure>

***

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

<figure><img src="/files/b3UYRWFAErQKYQQAWEnH" alt=""><figcaption></figcaption></figure>

***

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

<figure><img src="/files/RahZMmqH7b8p9IQwgY0C" alt=""><figcaption></figcaption></figure>

***

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

<figure><img src="/files/pakqurSyKjudwUKomb8X" alt=""><figcaption></figcaption></figure>

***

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

## Next step

{% content-ref url="/pages/4bG6xxRbWEIlh7X7ekrK" %}
[Tasks & Tools I](/training/taskstools1.md)
{% endcontent-ref %}


---

# Agent Instructions: 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:

```
GET https://docs.theseaai.com/training/capabilities.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.