> 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/espanol/skyone-studio/inteligencia-artificial/vibe-coding/biblioteca.md).

# Biblioteca

La **Biblioteca** de **Creator** es el espacio centralizado para crear, almacenar y gestionar prompts y temas personalizados. Esta función le permite estandarizar comandos e identidades visuales previamente, optimizando el flujo de trabajo y garantizando la consistencia en todos sus proyectos.

Antes de iniciar las configuraciones, comprenda los dos recursos disponibles en la Biblioteca:

* **Temas:** Patrones de identidad visual (colores, tipografías y estilos) que estructuran la interfaz gráfica de la aplicación.
* **Prompts:** Textos e instrucciones preconfiguradas activadas en el chat a través de atajos (slash commands), evitando la reescritura repetitiva de instrucciones largas.

<figure><img src="https://3969362974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsZB1uWLMGztphXAzIZJ1%2Fuploads%2FyAn0mTLXKCblZBQv43F0%2Fbiblioteca-creator-esp.gif?alt=media&amp;token=7e909f5a-b110-426b-8bc7-16389e3bb3f5" alt=""><figcaption></figcaption></figure>

### **Cómo crear un nuevo prompt en la biblioteca**

Puede crear un tema personalizado de dos maneras: utilizando la generación guiada por Inteligencia Artificial (AI-powered generation) o a través de la configuración manual.

#### Crear tema con Inteligencia Artificial

Esta opción utiliza la IA para leer referencias visuales y generar el código de estilo automáticamente.

1. Seleccione el menú **Biblioteca** en la barra lateral izquierda de la plataforma.
2. Elija la opción **Temas**.
3. Haga clic en el botón **+ Nuevo tema**.
4. Complete los campos solicitados en el formulario:
   * **Nombre del tema:** Escriba el nombre del tema.
   * **Descripción (opcional):** Describa la propuesta visual del tema.
   * **Fuente de referencia:** Agregue las referencias visuales. Elija una opción:
     * **Subir imágenes:** Utilice imágenes de referencia (moodboards, paletas de colores o interfaces).
     * **URL del sitio web:** Use un enlace de un sitio web que servirá como inspiración visual.
     * Agregue la imagen o ingrese la URL en el campo correspondiente.
   * **Palabras clave (opcional):** Agregue palabras clave que definan el estilo (ejemplo: "moderno", "oscuro", "minimalista").
   * Seleccione el **Modo de generación**:
     * **Inspirado:** La IA creará un tema libremente inspirado en las referencias proporcionadas, adaptando los colores y los estilos.
     * **Alta fidelidad:** La IA extraerá y replicará con máxima fidelidad los códigos hexadecimales y patrones visuales de la fuente de referencia.
   * Seleccione el **Modelo de IA**.
5. Haga clic en **Generar prompt de tema** para que la IA procese la información y cree la estructura del tema.

#### Crear tema mediante Configuración Manual

Utilice esta opción si ya posee el código o el texto estructurado del tema.

1. Seleccione el menú **Biblioteca** en la barra lateral izquierda de la plataforma.
2. Elija la opción **Temas**.
3. Haga clic en el botón **+ Nuevo tema**.
4. Seleccione la pestaña **Configuración Manual**.
5. Complete los campos solicitados en el formulario:
   * **Nombre del tema:** Escriba el nombre del tema.
   * **Descripción (opcional):** Describa la propuesta visual del tema.
   * **Prompt del tema:** Pegue o escriba manualmente las instrucciones técnicas de estilo (como variables CSS o tokens de diseño).
6. Haga clic en **Guardar** **Tema** para finalizar.

#### Cómo editar un tema existente en su biblioteca

1. Acceda al menú **Biblioteca** y ubique el tema deseado en la lista.
2. Haga clic en el ícono de **Editar** (representado por un lápiz) correspondiente al elemento.
3. Realice los cambios necesarios en los campos de texto.
4. Haga clic en **Guardar** para confirmar las modificaciones.

#### Cómo eliminar un tema en su biblioteca

1. Acceda al menú **Biblioteca** y ubique el tema que desea eliminar.
2. Haga clic en el ícono de **Eliminar** (representado por una papelera) correspondiente al elemento.
3. Confirme la eliminación en el mensaje de alerta mostrado en pantalla para remover el elemento definitivamente.

### Cómo crear un nuevo prompt en la biblioteca

Siga los pasos a continuación para agregar un comando personalizado a su biblioteca:

1. Seleccione el menú **Biblioteca** en la barra lateral izquierda de la interfaz.
2. Elija la opción **Prompts**.
3. Haga clic en el botón **+ Nuevo prompt**.
4. Complete los campos solicitados en el formulario:
   * **Título:** Ingrese un nombre de identificación para el prompt.
   * **Descripción (opcional):** Detalle brevemente el objetivo o la función de este comando.
   * **Slash command (opcional):** Defina un atajo de texto iniciado por una barra diagonal (por ejemplo: `/coloresdemarca`). Esto permitirá llamar el prompt rápidamente en el chat.
   * **Prompt:** Escriba la instrucción o el texto completo que se enviará a la IA.
5. Haga clic en **Guardar** para registrar el prompt en su biblioteca.

<figure><img src="https://3969362974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsZB1uWLMGztphXAzIZJ1%2Fuploads%2FP2Kh5IkJQyDf1DgY0AWf%2F20979EFF-021C-41C7-BAA2-1B396338C3BB.png?alt=media&amp;token=91d22d5e-7a6a-4c6d-a8c4-b1cef83e516b" alt=""><figcaption><p><em>Ventana modal de creación de un nuevo prompt</em></p></figcaption></figure>

#### Cómo editar un prompt existente en su biblioteca

1. Acceda al menú **Biblioteca** y ubique el prompt deseado en la lista.
2. Haga clic en el ícono de **Editar** (representado por un lápiz) correspondiente al elemento.
3. Realice los cambios necesarios en los campos de texto.
4. Haga clic en **Guardar** para confirmar las modificaciones.

#### Cómo eliminar un prompt en su biblioteca

1. Acceda al menú **Biblioteca** y ubique el prompt que desea eliminar.
2. Haga clic en el ícono de **Eliminar** (representado por una papelera) correspondiente al elemento.
3. Confirme la eliminación en el mensaje de alerta mostrado en pantalla para remover el elemento definitivamente.


---

# 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/espanol/skyone-studio/inteligencia-artificial/vibe-coding/biblioteca.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.
