> For the complete documentation index, see [llms.txt](https://docs.skyone.cloud/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.skyone.cloud/english/skyone-studio/artificial-intelligence/vibe-coding/library.md).

# Library

The Creator **Library** is the centralized space to create, store, and manage custom prompts and themes. This feature allows you to standardize commands and visual identities in advance, optimizing workflow and ensuring consistency across all your projects.

Before starting configurations, understand the two features available in the **Library**:

* **Themes:** Visual identity standards (colors, typography, and styles) that structure the application's graphic interface.
* **Prompts:** Pre-configured texts and instructions triggered in the chat via shortcuts (slash commands), avoiding repetitive typing of long instructions.

<figure><img src="https://2493694111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQPcfIOA6Tl2Bmk6CdV2O%2Fuploads%2FHwacEBijvrKWPce9i25Q%2FLibrary-english.gif?alt=media&amp;token=4b1456b2-f1a0-4173-b961-e6973240f11a" alt=""><figcaption></figcaption></figure>

### How to create a new theme in the library

You can create a custom theme in two ways: using AI-powered generation or through manual configuration.

#### Create theme with Artificial Intelligence

This option uses AI to read visual references and automatically generate style code.

1. Select the **Library** menu on the left sidebar of the platform.
2. Choose the **Themes** option.
3. Click the **+ New Theme** button.
4. Fill in the required fields in the form:
   * **Theme name:** Enter the theme name.
   * **Description (optional):** Describe the theme's visual concept.
   * Reference source: Add visual references. Choose an option:
     * **Upload images:** Use reference images (moodboards, color palettes, or interfaces).
     * **Website URL:** Use a link from a website that will serve as visual inspiration.
     * Add the image or enter the URL in the respective field.
   * **Keywords (optional):** Add keywords defining the style (example: "modern", "dark", "minimalist").
   * Select **Generation Mode**:
     * **Inspired:** AI will create a theme freely inspired by the provided references, adapting colors and styles.
     * **High Fidelity:** AI will extract and replicate hexadecimal codes and visual patterns from the reference source with maximum fidelity.
   * Select **AI Model**.
5. Click **Generate theme prompt** so the AI processes the information and creates the theme structure.

#### Create theme via Manual Configuration

Use this option if you already have the code or structured text for the theme.

1. Select the **Library** menu on the left sidebar of the platform.
2. Choose the **Themes** option.
3. Click the **+ New Theme** button.
4. Select the **Manual Configuration** tab.
5. Fill in the required fields in the form:
   * **Theme name:** Enter the theme name.
   * **Description (optional):** Describe the theme's visual concept.
   * **Theme prompt:** Paste or manually type the technical style instructions (such as CSS variables or design tokens).
6. Click **Save Theme** to finish.

#### How to edit an existing theme in your library

1. Access the **Library** menu and locate the desired theme in the list.
2. Click the **Edit** icon (represented by a pencil) corresponding to the item.
3. Make the necessary changes in the text fields.
4. Click **Save** to confirm changes.

#### How to delete a theme in your library

1. Access the **Library** menu and locate the theme you want to remove.
2. Click the **Delete** icon (represented by a trash can) corresponding to the item.
3. Confirm deletion in the alert message displayed on the screen to permanently remove the item.

### How to create a new prompt in the library

Follow the steps below to add a custom command to your library:

1. Select the **Library** menu on the left sidebar of the interface.
2. Choose the **Prompts** option.
3. Click the **+ New Prompt** button.
4. Fill in the required fields in the form:
   * **Title:** Enter an identification name for the prompt.
   * **Description (optional):** Briefly detail the purpose or function of this command.
   * **Slash command (optional):** Set a text shortcut starting with a forward slash (for example: `/brandcolors`). This will allow calling the prompt quickly in the chat.
   * **Prompt:** Type the full instruction or text to be sent to the AI.
5. Click **Save** to register the prompt in your library.

<figure><img src="https://2493694111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQPcfIOA6Tl2Bmk6CdV2O%2Fuploads%2FEn8ymBgxIp3YYJkeOOtR%2F896CE200-7338-4053-AF73-843FB189796B.png?alt=media&amp;token=6bfc6f53-3343-49ed-ad01-c9688ae5c280" alt=""><figcaption></figcaption></figure>

#### How to edit an existing prompt in your library

1. Access the **Library** menu and locate the desired prompt in the list.
2. Click the **Edit** icon (represented by a pencil) corresponding to the item.
3. Make the necessary changes in the text fields.
4. Click **Save** to confirm changes.

#### How to delete a prompt in your library

1. Access the **Library** menu and locate the prompt you want to remove.
2. Click the **Delete** icon (represented by a trash can) corresponding to the item.
3. Confirm deletion in the alert message displayed on the screen to permanently remove the item.


---

# 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.skyone.cloud/english/skyone-studio/artificial-intelligence/vibe-coding/library.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.