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

# Biblioteca

A Biblioteca do **Creator** é o espaço centralizado para criar, armazenar e gerenciar prompts e temas personalizados. Essa funcionalidade permite que você padronize comandos e identidades visuais previamente, otimizando o fluxo de trabalho e garantindo consistência em todos os seus projetos.

Antes de iniciar as configurações, compreenda os dois recursos disponíveis na Biblioteca:

* **Temas:** Padrões de identidade visual (cores, tipografias e estilos) que estruturam a interface gráfica da aplicação.
* **Prompts:** Textos e instruções pré-configuradas acionadas no chat através de atalhos (slash commands), evitando a digitação repetitiva de instruções longas.

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

### Como criar um novo tema na biblioteca

Você pode criar um tema personalizado de duas maneiras: utilizando a geração guiada por Inteligência Artificial (AI-powered generation) ou através da configuração manual.

#### Criar tema com Inteligência Artificial

Esta opção utiliza a IA para ler referências visuais e gerar o código de estilo automaticamente.

1. Selecione o menu **Biblioteca** na barra lateral esquerda da plataforma.
2. Escolha a opção **Temas**.
3. Clique no botão **+ Novo Tema.**
4. Preencha os campos solicitados no formulário:

* **Nome do tema:** Digite o nome do tema.
* **Descrição (opcional):** Descreva a proposta visual do tema.
* **Fonte de referência:** Adicione as referências visuais. Escolha uma opção:
  * **Enviar imagens:** Utilize imagens de referência (moodboards, paletas de cores ou interfaces).
  * **URL do site:** Use link de um site que servirá como inspiração visual.
* Adicione a imagem ou informe a URL no respectivo campo&#x20;
* **Palavras-chaves (opcional):** Adicione palavras-chave que definem o estilo (exemplo: "moderno", "escuro", "minimalista").
* Selecione o **Modo de geração**:&#x20;
  * **Inspirado:** A IA criará um tema livremente inspirado nas referências fornecidas, adaptando as cores e os estilos.
  * **Alta fidelidade:** A IA extrairá e replicará com máxima fidelidade os códigos hexadecimais e padrões visuais da fonte de referência.
* Selecione o **Modelo de IA.**

5. Clique em **Gerar prompt de tema** para que a IA processe as informações e crie a estrutura do tema.

#### Criar tema via Configuração Manual

Utilize esta opção se você já possui o código ou o texto estruturado do tema.

1. Selecione o menu **Biblioteca** na barra lateral esquerda da plataforma.
2. Escolha a opção **Temas**.
3. Clique no botão **+ Novo Tema.**
4. Selecione a aba **Configuração Manual.**
5. Preencha os campos solicitados no formulário:

* **Nome do tema:** Digite o nome do tema.
* **Descrição (opcional):** Descreva a proposta visual do tema.
* **Prompt do tema:** Cole ou digite manualmente as instruções técnicas de estilo (como variáveis CSS ou tokens de design).

6. Clique em **Salvar Tema** para concluir.

#### Como editar um tema existente na sua biblioteca

1. Acesse o menu **Biblioteca** e localize o tema desejado na lista.
2. Clique no ícone de **Editar** (representado por um lápis) correspondente ao item.
3. Realize as alterações necessárias nos campos de texto.
4. Clique em **Salvar** para confirmar as modificações.

#### Como excluir um tema na sua biblioteca

1. Acesse o menu **Biblioteca** e localize o tema que deseja remover.
2. Clique no ícone de **Excluir** (representado por uma lixeira) correspondente ao item.
3. Confirme a exclusão na mensagem de alerta exibida na tela para remover o item definitivamente.

### Como criar um novo prompt na biblioteca

Siga as etapas abaixo para adicionar um comando personalizado à sua biblioteca:

1. Selecione o menu **Biblioteca** na barra lateral esquerda da interface.
2. Escolha a opção **Prompts**.
3. Clique no botão **+ Novo Prompt.**
4. Preencha os campos solicitados no formulário:
   * **Título:** Insira um nome de identificação para o prompt.
   * **Descrição (opcional):** Detalhe brevemente o objetivo ou a função deste comando.
   * **Slash command (opcional):** Defina um atalho de texto iniciado por uma barra diagonal (por exemplo: /coresdamarca). Isso permitirá chamar o prompt rapidamente no chat.
   * **Prompt:** Digite a instrução ou o texto completo que será enviado à IA.
5. Clique em **Salvar** para registrar o prompt na sua biblioteca.

<figure><img src="/files/m4NEvcfoafqKnUVNAVmZ" alt=""><figcaption><p>Modal de criação de um novo prompt</p></figcaption></figure>

#### Como editar um prompt existente na sua biblioteca

1. Acesse o menu **Biblioteca** e localize o prompt desejado na lista.
2. Clique no ícone de **Editar** (representado por um lápis) correspondente ao item.
3. Realize as alterações necessárias nos campos de texto.
4. Clique em **Salvar** para confirmar as modificações.

#### Como excluir um prompt na sua biblioteca

1. Acesse o menu **Biblioteca** e localize o prompt que deseja remover.
2. Clique no ícone de **Excluir** (representado por uma lixeira) correspondente ao item.
3. Confirme a exclusão na mensagem de alerta exibida na tela para remover o item 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/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.