Início Rápido

Boas-vindas ao Atoms! Este guia orienta você pelos conceitos principais, estrutura da equipe e fluxo de trabalho passo a passo para transformar seus prompts em aplicações web publicadas.

O que é o Atoms?

O Atoms oferece uma equipe colaborativa de agentes de IA especializados para ajudar qualquer pessoa a criar sites, aplicativos web e projetos de dados usando linguagem natural. Seus colegas de equipe de IA trabalham juntos sob protocolos padronizados para planejar, construir e refinar seu projeto.

Conheça seus colegas de equipe de IA

• Mike (Líder da Equipe): Coordena a distribuição de tarefas e a execução geral do projeto.
• Emma (Gerente de Produto): Analisa requisitos e conduz pesquisas de mercado.
• Bob (Arquiteto): Projeta a arquitetura do sistema e as especificações técnicas.
• Alex (Engenheiro): Escreve código, cria componentes e implanta aplicações.
• David (Analista de Dados): Processa conjuntos de dados e cria gráficos visuais.
• Iris (Pesquisadora Profunda): Coleta informações da web e compila relatórios analíticos.
• Sarah (Especialista em SEO): Gera otimização de SEO multilíngue para visibilidade em buscas.

Fluxo de Trabalho e Modos

Às vezes, você precisa de uma equipe inteira para realizar tarefas complexas, ou apenas de um único profissional. Você também pode escolher entre diferentes modos, incluindo Modo Equipe, Modo Engenheiro, Modo Corrida e Modo Pesquisa Profunda.

3 Formas de Começar

1. Prompt Bruto: Comece com seu prompt bruto ou refine-o primeiro para economizar créditos.
2. Remixar Projetos Existentes: Comece remixando um projeto existente em nosso Mundo de Apps.

Edição e Refinamento

Visualize, corrija bugs, edite código, modifique elementos visuais e adicione referências — tudo em um só lugar:

• Visualizar: Veja seu trabalho nos modos mobile e PC.
• Alterar Elementos Visuais: Edite seus elementos visuais na página do Visualizador de App, ajustando-os manualmente ou discutindo suas expectativas com os agentes.
• Adicionar Referências: Tem uma referência inspiradora em mente? Basta fazer upload dela para os agentes usarem como referência.
• Corrigir Bugs: Os agentes corrigirão seus bugs quando você clicar em Fix Bug.

Para instruções mais detalhadas, consulte Visualizador de App.

Conectando Integrações

Assim que o Atoms tiver preparado suas páginas de frontend, você poderá usar o Atoms Cloud ou integrar com o Supabase para armazenamento de dados, gerenciamento de segredos e capacidades adicionais de backend (como enviar e-mails de boas-vindas aos usuários, chamar serviços de IA e processar pagamentos online).

Etapas Básicas para Conectar o Supabase

1. Etapa 1: Vá para Settings, abra Connectors, encontre Supabase e clique em Connect para iniciar a autorização.
2. Etapa 2: Entre na sua conta do Supabase pela janela pop-up (ou cadastre-se se ainda não tiver uma).
3. Etapa 3: Clique em Authorize Atoms.
4. Etapa 4: Selecione um projeto existente do Supabase ou clique em Add New One para criar uma nova organização instantaneamente.

Para instruções completas de integração, consulte Conectar Supabase.

Publicação e Compartilhamento

• Publicar: Publique seu projeto clicando no botão Publish no canto superior direito.
• Compartilhar: Compartilhe como você cria com os Agentes Atoms em nosso Mundo de Apps ou nas redes sociais clicando no botão Share no canto superior direito.

Agora você está pronto para explorar mais formas de colaborar com agentes de IA. Mal podemos esperar para ver o que você vai criar!