> 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/como-criar-apps-no-creator.md).

# Como criar apps no Creator

Para iniciar e customizar o seu projeto utilizando os recursos de inteligência artificial do **Creator** é muito simples:&#x20;

#### 1. Crie app por prompt

1. Na página inicial do **Creator,** localize a caixa de diálogo do chat.
2. Descreva detalhadamente a aplicação que você deseja construir.
3. Pressione Enter para enviar o comando inicial.
4. Envie novos comandos ao longo do desenvolvimento para refinar e ajustar o seu projeto conforme avança.

<figure><img src="/files/TPdH7HezaVP4tIlJ17Gh" alt=""><figcaption><p>Página inicial do Creator</p></figcaption></figure>

{% hint style="info" %}
&#x20;Importante: Forneça instruções claras e específicas, especialmente no primeiro prompt, para obter os melhores resultados. Isso permite que a Inteligência Artificial compreenda o objetivo exato em vez de tentar prever requisitos omissos.<br>
{% endhint %}

#### **Exemplo de escrita de prompts**

| ❌ Prompt vago                                                                                            | ✅ Prompt adequado                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p>Crie um aplicativo de formulário de suporte para salvar os chamados no banco de dados.</p><p><br></p> | Crie uma página de formulário web para abertura de chamados de suporte técnico. O formulário deve conter os campos: Nome do Usuário (texto), E-mail (com validação), Setor (dropdown com TI, RH e Financeiro) e Descrição do Problema (campo de texto longo). Ao clicar em "Enviar", o sistema deve validar se todos os campos estão preenchidos. Em caso positivo, salve os dados em uma tabela do banco de dados chamada chamados, gerando automaticamente um ID numérico incremental, a data/hora atual e definindo o status inicial como 'Pendente'. Após o salvamento bem-sucedido, limpe o formulário e exiba uma mensagem de sucesso na tela com o número do protocolo gerado. |

{% hint style="success" %}
Converta o app em projeto para compartilhá-lo com outros usuários. [Saiba como mover o app](/skyone-studio/inteligencia-artificial/vibe-coding/como-criar-apps-no-creator/edicao-e-gerenciamento-de-app.md#mover-para-um-projeto).&#x20;
{% endhint %}

#### 2. Adicione arquivos e contextos ao Prompt

Para adicionar arquivos e contextos ao Prompt, siga os passos abaixo:

1. No painel de chat, clique no botão + para abrir a lista de opções de anexo e escopo.
2. É possível escolher as seguintes opções:
   1. **Anexar arquivos**:&#x20;
      1. **Anexar arquivo como contexto do chat:** Insere um arquivo para atuar especificamente como histórico ou instrução de suporte no chat.
      2. **Enviar arquivo para a base de código:** Envia o arquivo diretamente para a árvore de diretórios do projeto.
   2. **Temas**: Altera a identidade visual do painel. Escolha uma das opções disponíveis ou crie um novo tema. [Leia o artigo Temas](/skyone-studio/inteligencia-artificial/vibe-coding/biblioteca.md#como-criar-um-novo-theme-tema-na-biblioteca).

#### 3. Escolha o modelo de IA

Por padrão, o modelo aparece padronizado como Auto, mas é possível escolher um outro modelo de sua preferência. Para isso:

1. Acesse o menu de seleção de modelos de inteligência artificial&#x20;
2. Selecione uma opção da sua preferência (OpenAI, Google, etc).

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


---

# 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/como-criar-apps-no-creator.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.
