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

# 第 1 部分

***

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

<details>

<summary><strong>什么是 Beachside？</strong></summary>

Beachside 是面向高质量品牌营销活动的创意操作系统。专为一致性、速度和真实制作工作打造：

* **基于意图的功能，而不是提示词：** 每个操作都对应真实的创意意图。工具响应的是你想达成的目标，而不是提示词。
* **在不过度消耗精力的情况下创造更多：** Beachside 会承担重复且耗时的步骤。设计师可以专注于构图、讲故事和质量。
* **可直接投入生产，且可规模化：** 结果一致、稳定，并可用于电商、营销活动和全球素材分发。

</details>

<details>

<summary><strong>你可以做什么</strong></summary>

Beachside 支持整个创意流程，从构思到制作再到后期制作：

* **创建：** 从单张产品图中融入你设想的所有元素，例如背景和纹理。
* **编辑：** 通过无缝替换产品、背景和特定元素，重新排列现有营销素材。
* **增强：** 立即清理细节、移除不需要的元素、抠出主体并提升分辨率。
* **扩展：** 在保持关键视觉的语气和风格一致的同时，将活动扩展到多个 SKU。

</details>

***

## 课程内容

1. 探索我们的首页
2. 探索 Playground
3. 将你的素材上传到 Playground
4. 任务与工具
   1. 模型生成
   2. 修图
   3. 角度
   4. 提取
   5. 光线

***

## 素材

在开始使用 Beachside 创作之前，请下载以下图片。

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

<details>

<summary><strong>如何将素材上传到资源库</strong></summary>

1. 在屏幕左下方，选择 <i class="fa-arrow-up-from-bracket" style="color:$primary;">:arrow-up-from-bracket:</i> 上传面板中的图标
2. 选择并上传你的文件。\
   通过选择或拖拽图片文件到指定区域来上传。每个文件最大可达 30MB，且你最多可同时上传 10 个文件。
3. 选择 <kbd><mark style="color:$primary;">**确认**<mark style="color:$primary;"></kbd> 以完成上传并返回 Playground。

<a href="https://app.gitbook.com/o/UwFjOzcvPxIXk6nkc4K5/s/OUQ3EAPIPziQuBKQgmTy/~/edit/~/changes/188/onboarding/playground#upload-assets-to-your-library" class="button primary">在这里查看教程</a>

</details>

***

## 探索我们的首页

探索图片下方的不同标签页，以预览我们的页面。

<a href="https://theseaai.com/beachside/" class="button primary">访问 Beachside 首页</a>

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

* <i class="fa-house">:house:</i>  **首页：** 在一个地方访问最近的工作、团队并创建新的 playground。
* <i class="fa-bring-forward">:bring-forward:</i>  **Playgrounds：** 创建并组织你的视觉项目。
* <i class="fa-image">:image:</i>  **Visuals：** 查看在所有 playground 中创建的所有图片。
* <i class="fa-gem">:gem:</i>  **Assets：** 存储并组织 packshot、纹理、背景和标志等共享文件。

***

## 探索 Playground

探索图片下方的不同标签页，了解 Playground。

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

1. **Playground 名称：** 双击即可随时更改名称。
2. **无限画布：** 你可以自由放大缩小，并创建任意数量的场景。
3. **场景：** 我们对你在 playground 中创建的作品的称呼。
4. **资源库：** 访问团队素材并上传要在 playground 中使用的文件。
5. **任务菜单：** 基于意图的创意操作。
6. **工具菜单：** 用于辅助和支持任务的手动工具。

***

## Beachside 模型生成与自动化任务

自动化任务是将基于意图的创意操作组合成单一操作。例如，从单张 packshot 图像生成多个角度、调整视觉的光线、将产品融合到新背景中，等等。

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

#### <i class="fa-images">:images:</i> **模型生成**

编写提示词，从零生成图像或编辑现有图像。

<a href="/pages/89312459e82eb101a672bbd8b6a265916a75e803" class="button primary">打开教程</a>
{% endcolumn %}

{% column %}

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

***

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

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

一键调整光线、颜色、几何结构、表面细节和背景清洁度。

<a href="/pages/ab9b50eec097e535bdac609fc40c45e6def24394" class="button primary">打开教程</a>

{% endcolumn %}

{% column %}

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

***

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

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

从单张 packshot 或视觉图像创建一致的新产品角度。

<a href="/pages/b54dac83998c035aeb0ea95f329be5d10b07c0cb" class="button primary">打开教程</a>
{% endcolumn %}

{% column %}

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

***

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

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

从图像或场景中提取特定元素，背景透明。

<a href="/pages/45514145318785c28fb1fb754c367c8f92d40da0" class="button primary">打开教程</a>
{% endcolumn %}

{% column %}

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

***

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

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

直接在画布上优化场景光线。调整方向、强度和位置，让产品自然融入环境。

<a href="/pages/2a39b07e693704adba4e89bf074b0d27ef78e002" class="button primary">打开教程</a>
{% endcolumn %}

{% column %}

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

***

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

## 下一步

{% content-ref url="/pages/80ec47b968f8e1188d78ad9cbf2eda079aef962a" %}
[第 2 部分](/main/ch/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/main/ch/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.