Comece grátis
← Todos os guias

A página de um projeto — uma linha de abas: Visão geral, Editar, Feedback, Versões, Perguntas, Solicitações, Kit, Gráficos, Voz da marca, Plano e briefing, Hospedagem, Configurações

Cada projeto tem uma página, em aikit.ai/home/projects/<project> (uma página por projeto, 2026-10-02). Clicar em um projeto em qualquer lugar (Início, a lista de Projetos, a página de um cliente, a lista clássica em /projects, a página de Feedback de todos os projetos, um kit, a Biblioteca de ferramentas ou um link em Precisa de você) abre o projeto. O endereço antigo, aikit.ai/projects/<project>, continua funcionando: ele abre a aba correspondente aqui, incluindo links antigos que terminavam em ?tab=changelog (agora Versões), ?tab=feedback, ?tab=hosting, ?tab=kit, ?tab=requests, ?assistant=chat, e a antiga página de Perguntas. É uma área para a equipe: o proprietário, os criadores, os revisores e os administradores do aiKit podem abri-la, exatamente como antes; um cliente nunca faz login nela.

1

Na lista de Projetos: No ar, e o que cada projeto está aguardando

Cada cartão de projeto em Projetos (aikit.ai/home/projects) mostra em que pé está o site. No ar significa que visitantes reais acessam o site: o endereço está no domínio próprio do cliente, esse domínio aponta para o aiKit, e a última verificação do endereço obteve resposta. Ainda não no ar significa que o projeto tem um endereço que não é o site público real: um endereço temporário do aiKit, um domínio que ainda aponta para outro host, ou um endereço que ainda não foi verificado (a aba Hospedagem faz a verificação). Site fora do ar significa que a última verificação não obteve resposta ou retornou erro de servidor. Rascunho significa que o projeto ainda não tem endereço. Passe o mouse sobre o rótulo para ver qual se aplica.

Abaixo, uma linha de status diz exatamente o que o projeto está aguardando, escolhida entre seus registros reais, do mais importante para o menos: a criação não terminou; novas solicitações do site; Aguardando você revisar uma solicitação de alteração; Aguardando sua resposta a uma mensagem do cliente; Aguardando você revisar as respostas; Aguardando a criação; Aguardando respostas a 4 perguntas (enviadas em 2 de out.); perguntas em rascunho ainda não enviadas; Aguardando você iniciar a criação; Aguardando o cliente verificar uma correção; o site não está respondendo; Aguardando configuração do domínio. Apenas uma linha aparece, então um projeto nunca lista cinco coisas ao mesmo tempo. A linha é um link para os registros que ela conta: perguntas abrem a aba Perguntas, solicitações de alteração e correções abrem Feedback, solicitações abrem Solicitações, uma mensagem do cliente abre o chat do editor, e linhas de domínio abrem Hospedagem. Cada um desses é um endereço normal, então pode ser salvo nos favoritos ou compartilhado com um colega que tenha acesso.

O menu de status e os chips acima da lista agrupam os projetos em Precisa de você, Aguardando (o cliente ou a configuração) e Em andamento, e o menu também filtra por No ar, Ainda não no ar, Site fora do ar e Rascunho. A busca também considera a linha de status, então digitar perguntas encontra todos os projetos aguardando respostas.

2

O cabeçalho e a única linha de abas

No topo: uma imagem da página inicial do site (clique para abrir o site no ar), o tipo de projeto e de quem ele é, seu nome, em que pé está o site (No ar, Ainda não no ar, Site fora do ar ou Rascunho; passe o mouse para ver o motivo), seu endereço, e uma linha de status dizendo exatamente o que o projeto está aguardando, que abre a aba com esses registros. Dois botões: Abrir o editor (a janela do editor, um chat que altera o site, aberto ao lado de qualquer aba; veja abaixo) e Ver site no ar (ver o site enquanto ele está apenas em um endereço temporário). Tudo o mais que altera o site apontando para ele (Fixar um ponto, Desenhar, Editar no site no ar, Edição rápida, Refazer) fica na aba Editar, para que haja um único lugar para isso. Em todas as abas, exceto Visão geral, o cabeçalho diminui para que o conteúdo da aba comece próximo ao topo. Projetos na trilha de navegação da barra superior volta para a lista.

Abaixo do cabeçalho há uma única linha de abas, e ela é o único mapa da página: todo controle do projeto fica em exatamente uma aba, com o mesmo nome em todos os lugares onde aparece. Cada aba tem seu próprio endereço (?tab=feedback e assim por diante), então uma aba pode ser salva nos favoritos ou enviada a um colega. Um número em Feedback, Perguntas ou Solicitações indica quantos itens estão aguardando. No celular, a linha de abas rola para os lados.

3

As doze abas

  • Visão geral: em que pé está o projeto (progresso da criação, Tentar criar novamente, Continuar para o planejador, Colocar no ar), Precisa de você para este projeto, três números que Precisa de você ainda não mostra (perguntas enviadas, ferramentas no site, alterações publicadas; cada um abre sua aba), Partes deste projeto, Próximos passos, e Sobre este projeto: o objetivo, Detalhes técnicos e outros projetos do mesmo cliente.
  • Editar: o único lugar para alterar o site apontando para ele: o site no ar em um quadro com as larguras Desktop, Tablet e Celular, Fixar um ponto e Desenhar; Editar no site no ar; Edição rápida para uma alteração de uma linha; e Refazer este site.
  • Feedback: todas as solicitações (pontos fixados no site no ar, Edições rápidas, observações do seu cliente) com o status completo, de Aberto a Confirmado. Adicionar feedback em palavras abre a janela do editor na sua visualização de Feedback.
  • Versões: todas as versões salvas do site com Restaurar, depois O que foi publicado, a lista de alterações que foram lançadas, com Copiar link de prova.
  • Perguntas: perguntas de descoberta para o seu cliente, em rascunho, revisadas, enviadas e respondidas.
  • Solicitações: pedidos de orçamento, mensagens, agendamentos, cadastros e arquivos que visitantes enviaram pelos formulários do próprio site.
  • Kit: as ferramentas do site com os números deste site e Verificar se funciona, o que está no plano mas ainda não foi criado, Adicionar uma ferramenta a este site (abre o Explorador de Kits), ferramentas de negócios e Partes deste projeto (Adicionar uma parte abre o cartão de partes na Visão geral).
  • Gráficos: as imagens e arquivos que este projeto usa, da biblioteca de Gráficos. Adicionar da biblioteca abre um seletor com busca, Enviar coloca novos arquivos diretamente neste projeto, e Remover apenas desvincula um gráfico (ele continua na biblioteca).
  • Voz da marca: um resumo da voz em que este site escreve (sua mistura de tons, nível de leitura, ponto de vista, as vozes de que é formado, quantos exemplos de texto, tópicos e regras), com Abrir em Voz da Marca para alterá-la e Escrever posts e textos de produtos para abrir o Content Kit deste site. Sem uma voz ainda, explica o que é uma voz e oferece Configurar uma voz da marca.
  • Plano e briefing: o plano do site (com Abrir o editor do plano para a tela completa do Plano do site), Briefing e regras, e Respostas iniciais (o que foi preenchido quando o projeto foi criado) com Copiar respostas.
  • Voz da marca: como as palavras deste site devem soar — tom, público, palavras para usar e evitar, exemplos de texto e regras de estratégia. Este site ou Todos os sites do cliente escolhe onde se aplica. O Assistente e o Content Kit escrevem nesse tom.
  • Plano e briefing: o documento do plano do site (etapas de criação com um botão Criar em cada uma, visão geral e metas, público, estratégia, mapa do site, cada ferramenta explicada, plano de conteúdo, cronograma, decisões, perguntas em aberto) com Escrever o plano / Atualizar o plano e Abrir o editor do plano; depois Briefing e regras; e então dois painéis recolhíveis: O briefing original (o que foi preenchido quando o projeto foi criado, com Copiar respostas) e Detalhes da criação (a checklist do kit, PLAN.md e todos os arquivos).
  • Hospedagem: Endereço, Status com Verificar novamente, Dias restantes de visualização gratuita, Versões e backups; depois Publicar ao vivo (antes do lançamento) ou Republicar (depois), e o guia passo a passo para conectar um domínio.
  • Configurações: quem pode trabalhar no projeto (Proprietário, Criador, Revisor), os links do seu cliente, Como as mudanças vão ao ar, Detalhes do projeto (cliente, o que é este projeto, projeto pai, categoria, nome de exibição, e-mail do cliente e o que acontece quando o cliente envia um pedido) e Clonar este projeto.
4

Sobre este projeto: Detalhes técnicos e Projetos vinculados (Visão geral)

No fim da Visão geral, a meta do projeto em uma linha (a partir do briefing), depois Detalhes técnicos: Cliente (com a categoria, cada um como link), Última atividade, Hospedado em (hospedagem aiKit em um endereço temporário aiKit, hospedagem aiKit em um domínio próprio, ou hospedado em outro lugar), Verificação de domínio (abre a aba Hospedagem), Iniciado em, Visualização gratuita (a janela de 90 dias a partir do início do projeto, com a data final e os dias restantes; a hospedagem continua gratuita depois disso, e as edições com IA usam seus tokens), Última criação ou publicação, Como começou (com o endereço de origem, quando aplicável), Nível de criação (Padrão ou Premium), Link de edição do cliente (se o código de acesso que habilita Editar no site ao vivo e o link de feedback já existe), Modo de feedback, e Link de IA do cliente (quantos tokens mensais do link do cliente restam, com Alterar, que abre a página do cliente onde o proprietário define a quantidade; as edições da sua própria equipe usam os tokens da sua conta e nunca contam aqui). Por último, Projetos vinculados: o projeto pai, os projetos que fazem parte deste, outros projetos do mesmo cliente, e um link para a página desse cliente.

5

O banner da primeira criação (Visão geral)

Para um projeto que ainda está na primeira criação, um banner no topo da Visão geral mostra em qual etapa ele está — Criação na fila, Importando o site atual do cliente ou Criando a primeira versão — com um indicador de carregamento, e uma nota de que isso roda em segundo plano, então você pode sair da página; nada vai ao ar até que alguém clique em Publicar ao vivo, não importa o quanto a criação tenha avançado.

Se a primeira criação falhar, o banner muda para "A primeira criação não terminou", explica que nada foi perdido (o briefing continua salvo abaixo) e oferece um botão "Tentar criar novamente". Em qualquer caso, um "Registro de progresso" recolhível abaixo mostra a saída real da criação — aberto por padrão quando falhou, para que o motivo fique visível de imediato.

6

A aba Editar: a prévia ao vivo e a Edição rápida

A aba Editar mostra o site ao vivo em um quadro. Sua barra de ferramentas tem as larguras Desktop, Tablet e Celular, Fixar um ponto, Desenhar, um botão de recarregar e Abrir (uma nova aba com um endereço novo, sem cache). Editar no site ao vivo, no topo da aba, abre o site real em tamanho completo com a edição ativada.

A Edição rápida, abaixo da prévia, é uma caixa em linguagem simples: digite uma mudança ("deixe o número de telefone maior"), opcionalmente dite por voz ou anexe uma captura de tela, e clique em Solicitar mudança para registrar isso como um item de feedback real e pedir imediatamente à IA que faça exatamente essa edição no código real. Em um site ao vivo, a edição é salva como rascunho (o site ao vivo não muda até alguém clicar em Publicar na tela de revisão, a menos que o proprietário tenha configurado a publicação automática); em um site que ainda não está ao vivo, ela é apenas salva. Uma barra de status acompanha o andamento (em andamento, depois concluído ou falhou), e Isso não foi realmente corrigido a reabre se a correção não funcionou. Antes do lançamento, Publicar ao vivo fica na aba Visão geral (e em Hospedagem); depois do lançamento, Republicar fica na aba Hospedagem, para uma mudança feita manualmente no código, e não funciona enquanto um rascunho estiver aguardando (publique ou descarte o rascunho primeiro).

7

Clonar este projeto

Clonar este projeto, no fim da aba Configurações, copia os arquivos reais deste projeto para um projeto totalmente novo, para um novo cliente que quer começar com a mesma base. Você dá um nome ao novo projeto e pode adicionar quantas solicitações de "o que deve ser diferente" quiser, uma por vez (cada uma é um item próprio, removível individualmente), além de uma captura de tela de referência opcional. Cada mudança listada é aplicada ao código real da cópia nova como parte da clonagem, embora o clone não fique público até alguém clicar em Publicar ao vivo na página dele. Quando terminar, Abrir leva direto para a página da cópia.

9

Detalhes do projeto (Configurações)

Isto é o que a barra lateral "Navegar por cliente" da lista realmente usa: Cliente (uma lista suspensa com todos os clientes, mais um campo de nome "Ou adicione um novo cliente" com seu próprio botão Adicionar, para que você nunca precise sair desta página para criar um), O que é este projeto (um tipo: Site, Página de destino, Loja online, Aplicativo, Sistema administrativo, Painel, Portal do cliente, Blog / site de conteúdo, Automação de marketing, ou Outro; a linha abaixo das opções explica o que o tipo escolhido significa, com um link Adicionar como parte para um segundo produto), e se este projeto é "Parte de um projeto maior" — esse seletor só oferece outros projetos do mesmo cliente. Até 04/10/2026, Tipo era uma seleção múltipla; um projeto salvo com vários tipos mantém o primeiro como o que ele é, e os outros aparecem como partes planejadas na Visão geral (veja Partes de um projeto, abaixo). Um par Categoria e Subcategoria (texto livre) é a forma alternativa de navegar pela mesma lista. O campo Nome de exibição substitui o que aparece no cartão quando deve ser diferente do nome do próprio cliente, e um campo E-mail do cliente torna o projeto localizável por esse endereço depois.

Para um projeto que veio de uma importação ou transferência, também aparece aqui um campo de URL "Site atual deles" — o mesmo endereço de origem mostrado em Detalhes técnicos.

"Quando um cliente envia uma solicitação" é uma escolha em duas vias. "Direto para o trabalho" (o padrão): a IA começa a trabalhar na solicitação do seu cliente no momento em que ele a envia (no editor do site ao vivo, "Peça à IA para fazer"), o cliente vê o marcador Em andamento, e ninguém da sua equipe precisa aprovar antes. "Eu reviso primeiro": a solicitação fica na aba Feedback como Aberta, e nada muda até que um proprietário ou construtor conectado pressione "Aprovar para trabalhar"; essa aprovação é o que inicia a IA. O "Peça à IA para fazer" do cliente então salva o marcador e informa "A equipe revisa cada solicitação primeiro, e o trabalho começa quando ela aprovar." (Antes de 04/10/2026, o Peça à IA do cliente iniciava o trabalho mesmo em um projeto de Eu reviso primeiro; isso não acontece mais.) De qualquer forma, em um site ao vivo a mudança finalizada fica como rascunho aguardando Publicar, a menos que Como as mudanças vão ao ar esteja definido como Publicar automaticamente, e os marcadores de um Revisor sempre aguardam a equipe. "Salvar detalhes" grava tudo neste cartão; um breve "Salvo ✓" confirma que deu certo.

Os botões ? (04/10/2026). Campos importantes em toda a página do projeto, no planejador e na Configuração detalhada trazem um pequeno botão ?: Quando um cliente envia uma solicitação, Como as mudanças vão ao ar, O que é este projeto, Parte de um projeto maior, Nome de exibição, Categoria e subcategoria, E-mail do cliente, Site atual deles, Quem pode trabalhar nele, Os links do seu cliente, as quatro opções de Hospedagem, as configurações de Perguntas, a lista de Solicitações e seu link de cliente, Partes deste projeto, e os campos do planejador Planejamento, Primeira versão, Voz, Escolha um visual, Site atual deles e Tipo. Clique ou toque nele (ou use Tab até ele e pressione Enter) para ler uma resposta curta e simples, com Saiba mais apontando para a parte correspondente desta Central de Ajuda quando houver. Esc, o ? novamente, ou um clique em qualquer outro lugar fecha a explicação.

10

Ferramentas e partes do negócio (Kit)

Qualquer projeto pode crescer depois de existir. Na aba Kit, Adicionar uma ferramenta a este site abre o Explorador do Kit para ferramentas que vão no site (páginas, formulários, galerias, loja, agendamento, SEO), e o cartão Kit de ferramentas de negócio, em Adicionar uma ferramenta de negócio, abre o navegador do kit limitado às categorias de ferramentas de negócio (automação de marketing, faturamento e cobrança, cadastros de clientes, orçamentos e propostas, ferramentas para a equipe, relatórios, integrações, fidelidade, suporte). Escolher uma ferramenta de negócio faz duas coisas ao mesmo tempo: ela é adicionada ao plano deste projeto (aparece na lista desse cartão e no Resumo do projeto na aba Plano e resumo), e um item de trabalho é registrado na aba Feedback como "Nossa equipe", aparecendo como Aguardando nós, surge na página Feedback de todos os projetos, e pode ser executado com "Corrigir com IA" ou discutido como qualquer outra solicitação. Escolher o mesmo módulo duas vezes é recusado com uma nota dizendo que ele já está no projeto.

O cartão "Partes deste projeto" na aba Kit lista as partes deste projeto com links e tem um botão Adicionar uma parte que abre o cartão de partes na Visão geral (veja abaixo).

11

Partes de um projeto: mais de um produto para um cliente (Visão geral)

Um projeto de cliente muitas vezes precisa de mais de um produto: um site mais uma loja online, ou um site mais um portal do cliente onde os clientes fazem login. Cada um deles é uma parte. Uma parte é um projeto completo, com plano, primeira versão, endereço, versões, solicitações e status próprios, vinculado abaixo do projeto principal. As partes compartilham o cliente e as Regras e informações do cliente, então nada precisa ser perguntado duas vezes.

O cartão Partes deste projeto fica na Visão geral, abaixo de Precisa de você, no projeto principal e em cada parte. Ele lista primeiro a parte principal e depois cada parte: o tipo, o nome (um link para a própria página), Parte principal ou Parte, "você está aqui" na que você está vendo, o endereço assim que estiver no ar, e a situação, colorida por significado: No ar (verde), Em construção (azul), Falha na construção (vermelho), Perguntas primeiro (âmbar), ou Ainda não está no ar. O ? ao lado do título explica as partes em duas frases.

"+ Adicionar uma parte" abre "Qual deve ser a nova parte?": um cartão por tipo, cada um com um ícone e uma descrição de uma linha, deixando de fora os tipos que este projeto já tem ou tem planejados. Escolher um abre o planejador com o cliente e o projeto principal já preenchidos e o tipo definido; o título diz, por exemplo, "Adicionar uma loja online ao Site principal". O planejador é informado de que está planejando apenas essa parte, então o plano cobre as páginas e ferramentas da nova loja sem replanejar o site. Construir este projeto cria a parte dentro do projeto principal; Salvar e fazer perguntas primeiro a cria em espera, igual a qualquer novo projeto.

Um projeto salvo antes de 04/10/2026 com vários tipos marcados mantém o primeiro como está. Cada outro tipo que ainda não tem nenhuma parte aparece como uma linha tracejada ("Ainda não iniciado, Planejado para este projeto") com Planejar esta parte (abre o planejador para esse tipo) e Não é necessário (remove o tipo dos tipos salvos do projeto; disponível apenas no projeto principal).

Somente o dono do projeto principal, seus construtores ou um administrador do aiKit podem adicionar uma parte; um revisor pode abrir as partes, mas não adicionar uma. Uma parte também pode ser movida para dentro de um projeto, ou de volta ao nível principal, com Parte de um projeto maior em Configurações. As partes têm apenas um nível: essa lista oferece somente projetos principais, um projeto que já tenha partes continua sendo um projeto principal (o seletor fica desativado com uma nota explicando isso), e o link Configuração detalhada do planejador mantém o projeto principal, o tipo e o cliente da parte.

Qualquer projeto pode crescer depois de criado. Na aba Kit, Adicionar uma ferramenta a este site abre o Explorador do Kit para ferramentas que vão no site (páginas, formulários, galerias, loja, agendamento, SEO), e o cartão do kit Ferramentas de negócio, em Adicionar uma ferramenta de negócio, abre o navegador de kits limitado às categorias de ferramentas de negócio (automação de marketing, faturamento e cobrança, cadastros de clientes, orçamentos e propostas, ferramentas da equipe, relatórios, integrações, fidelidade, suporte). Ao escolher uma ferramenta, duas coisas acontecem ao mesmo tempo: ela é adicionada ao plano deste projeto (aparece na aba Kit como um cartão Planejado com os links Ver no Kit, No plano e Item de trabalho, na seção Módulos e ferramentas do documento de plano do site com o que ela faz para este negócio, e em O briefing original com um selo Planejado), e um item de trabalho é registrado na aba Feedback como "Nossa equipe", aparecendo como Aguardando nós, na página de Feedback de todos os projetos, podendo ser executado com "Corrigir com IA" ou discutido como qualquer outro pedido. Escolher o mesmo módulo duas vezes é recusado com uma nota dizendo que ele já está no projeto.

"Projetos paralelos" serve para um projeto separado para o mesmo cliente que fica abaixo deste — um app, um sistema administrativo, automação de marketing, outro site. Há um botão para cada tipo (o tipo do projeto atual fica de fora). Cada um abre o assistente Novo projeto com o cliente, o projeto pai e o tipo já preenchidos, então o assistente começa no nome do projeto. Os projetos paralelos existentes aparecem acima dos botões, com links para suas próprias páginas; eles também aparecem como subprojetos na barra lateral Navegar por cliente.

12

O briefing original (Plano e briefing)

Agrupado em Briefing e regras. Para qualquer projeto criado pelo assistente (ou que de alguma forma tenha um briefing salvo), este cartão mostra todas as respostas dadas durante Criar um projeto: o objetivo, o público, o que manter, materiais de marca e anexos, domínio atual, prazo e quaisquer outras observações — cada uma exibida com o rótulo real da pergunta, com anexos mostrados diretamente (uma miniatura de imagem ou um link para download de qualquer outro arquivo). Abaixo das respostas, as escolhas do Kit do site e do kit Ferramentas de negócio listam cada uma o nome do módulo, um selo Pronto ou Planejado, um link Ver no Kit para a página dessa ferramenta no Explorador do Kit, e a observação sobre o que deve ser diferente nela; uma linha final informa a escolha de hospedagem feita no assistente ("No aiKit (padrão)" ou "O cliente hospeda por conta própria").

"Copiar respostas" copia tudo como texto simples — exatamente no mesmo formato que o "Copiar plano" do próprio assistente produz — pronto para colar em qualquer lugar.

13

O documento de plano do site (Plano e briefing)

A aba Plano e briefing abre no plano do site do projeto, escrito como uma boa agência entrega o plano ao cliente. Abaixo da capa (o nome do negócio, uma visão geral de duas linhas e quatro dados: páginas criadas e planejadas, ferramentas ativas e planejadas, perguntas em aberto e se o site está no ar), uma lista de Sumário leva às seções numeradas: primeiro Etapas de construção (somente equipe), depois as nove seções do plano. No celular, o Sumário vira uma fileira de botões que você desliza para os lados.

As etapas de construção transformam o plano na lista do que criar, em ordem, e cada uma tem um botão Criar isto, que abre a ferramenta certa do aiKit já preenchida com base no plano. Um Plano de Site cobre sites, sistemas administrativos, módulos e as construções que os acompanham; o planejamento de conteúdo e marketing virá como ferramentas próprias. As etapas são: Construir o site (ou app, loja, sistema administrativo) quando nada foi construído ainda, o que abre o planejador com o plano na caixa; Adicionar a página <name> para cada página do plano; Adicionar ao site: <tool> para cada ferramenta do site, além de qualquer coisa pedida no briefing que não esteja no Kit (cada uma abre o Assistente do projeto com o pedido escrito, para que você leia e pressione Enviar); Construir um sistema administrativo, um portal do cliente ou um painel quando o plano tiver ferramentas de negócio que pertençam a ele, ou quando o projeto listar esse tipo como parte (abre o planejador para uma nova parte vinculada a este projeto, com as ferramentas necessárias descritas); Definir a voz da marca (abre Voz da Marca com este projeto selecionado); Escrever as primeiras postagens do blog quando o plano tiver uma página de blog (abre a escrita do Content Kit para este projeto); e Publicar no ar (abre a aba Hospedagem). As etapas de página e ferramenta aguardam com "Feito na primeira construção" até que o site tenha arquivos.

Cada etapa se marca sozinha quando o aiKit consegue ver o resultado: a página ou ferramenta medida no site, a primeira construção concluída, a parte criada, uma voz salva para o projeto ou seu cliente, uma postagem escrita para o projeto, ou o site no ar. Essas aparecem como "Concluído. O aiKit viu no projeto." e um link para o resultado (os detalhes da página, a parte, a voz ou o site no ar). Etapas que o aiKit não consegue ver, como um recurso personalizado, têm uma caixa que você pressiona para marcar como feitas, e pressiona de novo para desfazer; ela mostra quem marcou e quando. A barra no topo conta o que foi concluído, Próximo leva à primeira etapa que você pode fazer, e quando mais de quatro estiverem concluídas elas ficam recolhidas em Mostrar as etapas concluídas. Ferramentas de negócio que ainda não foram construídas (por enquanto, as de marketing) ficam no final marcadas como Em breve, com Solicitar esta ferramenta, que envia o pedido para a equipe do aiKit. Cada etapa tem seu próprio link (#step-…), e a lista se atualiza sozinha quando você volta à aba.

01 Visão geral e metas: cada meta com a forma como será medida. 02 Público: para quem é o site e o que cada grupo precisa encontrar rápido. 03 Estratégia: a frase de posicionamento, como o site ganha tráfego de busca com as frases pesquisadas que ele mira, e como os visitantes viram clientes. 04 Mapa do site: cada página principal com seu endereço, sua função, uma etiqueta de menu Em, e um selo Criada ou Planejada; grupos de páginas (por exemplo, vinte páginas de cidades sob uma página de área de atendimento) ficam recolhidos sob a página-mãe como "20 páginas abaixo dela". 05 Módulos e ferramentas: um cartão para cada ferramenta do plano, dividido em ferramentas do site e ferramentas de negócio ao lado, cada uma com seu status (Planejada, Criada ou Ativa, mais uma etiqueta Em revisão com o motivo quando o plano considera a ferramenta planejada pouco adequada para este negócio), a descrição do catálogo, O que faz para este negócio, Como está configurada, as páginas onde ela aparece, quando foi adicionada e por quem, e Ver no Kit, que abre a página dessa ferramenta no Explorador do Kit. Uma ferramenta de negócio que ainda não foi configurada diz "Ainda não configurada" em vez de falar sobre o site. 06 Plano de conteúdo: conteúdo a produzir, as perguntas que o FAQ responde, fotos a reunir, as Diretrizes de conteúdo de Brief e regras, e a voz da marca. 07 Cronograma: de três a cinco fases com um período de tempo e status Concluída, Em andamento ou A seguir; somente a primeira fase não concluída fica Em andamento. 08 Decisões: o que já está definido, em grande parte transformado das próprias respostas do cliente em decisões simples, em vez de uma lista de perguntas e respostas. 09 Perguntas em aberto: somente o que ainda não foi respondido, com um link para a aba Perguntas.

De onde vem: o site medido define o que existe (quais páginas e ferramentas realmente foram criadas), as escolhas do brief e do kit definem o que está planejado, e as respostas do cliente e o Brief e regras preenchem decisões e diretrizes. A redação da estratégia (visão geral, metas, posicionamento, busca, conversão, o que cada ferramenta faz, fases, decisões) é feita quando você clica em Escrever o plano, em cerca de 30 segundos; abrir a aba nunca inicia isso, então ver o plano nunca usa IA nem seu limite diário. Até lá, o plano mostra o que foi medido no site, o brief e as escolhas do kit, com uma nota dizendo que o plano escrito ainda não foi feito. Passos de criação listam uma página como a adicionar somente quando nenhuma página do site é essa página: a página inicial, escrita como "/ (index.html)" no plano, ou "Solicitar um Reparo" para o formulário de pedido em /request-service/, contam como criadas. Quando o brief, as escolhas do kit, o site ou as respostas do cliente mudam, aparece a nota "O brief ou o site mudou desde que isto foi escrito" e o botão Atualizar o plano fica azul; clique nele para reescrever. Uma ferramenta que você adicionar já aparece no documento imediatamente, antes de qualquer reescrita.

Abrir o editor do plano abre a tela completa do Plano do site (saúde, painel de páginas, histórico, edição). Detalhes da criação, recolhidos na parte inferior da aba, mantêm a lista de verificação do kit da criação ("N de M criados" com o arquivo em que cada módulo está), o PLAN.md bruto e a lista real de arquivos do projeto com um visualizador somente leitura.

14

A aba Pedidos — leads do formulário Solicitar um orçamento

Quando o Kit do site de um projeto inclui o "Formulário de pedido de orçamento ou estimativa", a criação não pede à IA que invente um formulário: o módulo próprio e testado do aiKit gera a página Solicitar um orçamento (seus campos, opções de urgência e se pede endereço ou fotos são preenchidos a partir do brief; os dados de contato são sempre reais, vindos do brief ou do site espelhado, nunca inventados), e a IA só recebe a instrução de linkar para ela no menu de navegação. Depois da criação, o motor gera novamente essa página com o cabeçalho, o rodapé e a folha de estilos reais do site, para que o próprio formulário não possa ter ficado quebrado.

No site ao vivo, ao clicar em Enviar, o pedido é salvo imediatamente no aiKit — funciona como um formulário simples, sem JavaScript, em qualquer hospedagem e sem necessidade de configurar e-mail. O dono do projeto e a equipe são avisados na hora pelo sino (e por e-mail, conforme a escolha de cada pessoa em Configurações → Notificações), com um link direto para aquele pedido; veja o guia de Notificações. A aba Pedidos lista cada um, do mais recente para o mais antigo: nome, telefone (toque para ligar) e e-mail, o serviço e para quando, o endereço, se solicitado, a mensagem e a página de origem. Um menu de status (Novo, Contatado, Fechado com sucesso, Encerrado) e uma caixa de nota privada em cada pedido mantêm a equipe alinhada; o contador da aba e o link "N pedidos novos" na linha da lista contam os que ainda estão como Novo. As fotos são salvas junto com o pedido (o formulário reduz as fotos de celular antes de enviar, até quatro por pedido) e aparecem como miniaturas na linha — clique em uma para abri-la em tamanho original. Mais dois módulos testados ficam na mesma aba: o Formulário de Contato que Direciona Certo (marcado como "Mensagem" com o assunto escolhido pelo visitante) e o Agendar online (marcado como "Agendamento" com o dia e horário solicitados, exibidos no fuso horário do próprio negócio). A página de agendamento oferece horários no fuso horário do negócio, que o site identifica pelo endereço ou pela cidade informada no seu briefing; um visitante em outro fuso também vê o próprio horário local abaixo de cada opção. Um agendamento reserva todo o seu tempo (a duração do serviço, mais qualquer intervalo que o negócio mantenha entre trabalhos) no site ao vivo até ser marcado como Encerrado, então ninguém consegue marcar em cima dele, e a página de agendamento recusa um horário que outra pessoa acabou de escolher, mesmo quando duas pessoas enviam ao mesmo tempo. O fuso horário, o expediente e o intervalo vêm do seu briefing; mencione-os lá (por exemplo, "estamos em Denver, mantenha 15 minutos entre trabalhos") antes de o site ser criado. Qualquer novo pedido muda o projeto para "Aguardando nós" na lista. O cliente também pode ver esses contatos: "Copiar link do cliente" no topo da aba gera uma página (aikit.ai/p/<project>/requests, também linkada na página de Atualizações recentes dele) que pede o código de acesso do projeto — o mesmo código que ele usa para deixar feedback — e então mostra todos os pedidos com dados de contato, fotos e um status que ele pode alterar, mas nunca as notas privadas da equipe. Todo novo projeto recebe seu código de acesso na criação; um projeto mais antigo sem código mantém essa página fechada para todos, exceto a equipe, até que um código exista (copiar qualquer link do cliente gera um).

Mais três módulos enviam para a mesma aba (adicionados em 02/10/2026): Captação de leads (marcado como "Lead": um primeiro nome, um e-mail, um celular opcional, a oferta gratuita que a pessoa se inscreveu, se a página tiver uma, e "Consentimento para contato: sim", pois o formulário não aceita o cadastro sem a caixa de consentimento marcada), Envie seu arquivo (marcado como "Arquivo": até 3 arquivos, 4 MB no total, em PDF, AI, EPS, SVG, PNG, JPG, TIFF ou PSD, com a descrição do arquivo e para que ele serve; a linha mostra "Arquivo recebido" com o nome e o tamanho de cada arquivo, e o dono, a equipe e os administradores podem baixá-lo; um revisor vê que um arquivo chegou, mas não consegue abri-lo; os arquivos sempre são baixados em vez de abertos no navegador, e pertencem apenas a esse projeto) e o Criador de orçamentos (marcado como "Criador de orçamentos": o produto, a quantidade, cada opção, o prazo de entrega e a faixa de estimativa que o visitante viu, ou "Nenhuma estimativa exibida" quando o dono não cadastrou preços, já que a página nunca mostra um preço que o dono não definiu).

Verificação de arquivo para impressão no envio (adicionado em 12/10/2026): todo arquivo para impressão que chega pelo Envie seu arquivo (PDF, AI salvo com conteúdo PDF, EPS, PNG, JPG, TIFF, PSD) é verificado automaticamente logo após o cliente pressionar Enviar. O cliente recebe a resposta "Arquivo recebido" na hora e nunca precisa esperar pela verificação, nem vê o seu resultado: ele é apenas para o dono e a equipe. Abaixo de cada arquivo na linha de Pedidos, "Verificando este arquivo para impressão…" aparece por alguns segundos, e depois o resultado: um selo (Pronto para impressão, Vale a pena revisar ou Precisa corrigir) com até cinco linhas simples. Tamanho: o tamanho final e o tamanho da página de um PDF (a partir da própria caixa de corte ou das marcas de corte, ou da página quando nenhum corte está marcado), ou o tamanho em pixels de uma imagem. Sangria: se a cor ultrapassa o corte com folga suficiente (1/8 pol. é o usual), "Nada vai até a borda da página, então não é preciso sangria" ou, quando nenhum corte está marcado, se o tamanho da página já inclui sangria ou o que confirmar com o cliente. Resolução: a menor resolução de foto no tamanho impresso (abaixo de 150 ppi é precisa corrigir, abaixo de 250 vale a pena revisar), ou, para uma imagem, o tamanho em que ela imprime nítida a 300 ppi. Fontes: se todas as fontes estão incorporadas, citando as que não estão. Cores: CMYK, tons de cinza, cores spot ou RGB (vale a pena revisar, pois azuis e verdes vivos podem imprimir mais opacos). A verificação é feita por código, não por IA: ela mede o arquivo e não tem custo. Arquivos SVG não são verificados, e um arquivo que não pode ser lido (por exemplo, um arquivo do Illustrator salvo sem conteúdo PDF) recebe uma linha de precisa corrigir explicando o motivo. Corrigir no Auxiliar de Impressão (Abrir no Auxiliar de Impressão quando estiver pronto para impressão) abre o Auxiliar de Impressão com o arquivo do cliente já adicionado e um pedido inicial ("Verifique o arquivo deste cliente para impressão e corrija o que for preciso.") que você pode alterar; nada é executado e nenhum trabalho é usado até você pressionar Iniciar. Verificar novamente executa a verificação mais uma vez, por exemplo se aparecer "A verificação não foi concluída"; arquivos enviados antes disso ser adicionado mostram "Ainda não verificado para impressão" com Verificar este arquivo. Revisores veem que um arquivo chegou, mas não esses botões.

Verifique se funciona: no cartão de cada ferramenta na aba Kit do projeto, o dono ou a equipe pode pressionar "Verificar se funciona". O aiKit envia um registro de teste pelo formulário real desse módulo no site, exatamente como o navegador de um visitante faria, e mostra "Testado — funcionando" com o horário, ou uma frase simples dizendo o que falhou (por exemplo, o formulário não está mais na página ou a caixa de entrada recusou o envio). O último resultado fica no cartão para todos da equipe; quem só revisa vê o resultado, mas não pode fazer uma verificação. Um registro de teste usa um endereço example.com que nunca recebe e-mails, é salvo na aba Solicitações marcado como "Teste", fica oculto a menos que você pressione "Mostrar registros de teste", nunca é contado em Novos, Precisa de você ou na lista de projetos, nunca ocupa um horário de agendamento, nunca aparece na página de leads do cliente e nunca envia nenhum e-mail ou notificação.

15

Agendamentos — a agenda por trás da sua página Agende online

Ferramentas → Agendamentos (aikit.ai/tools/bookings, ou Abrir a agenda de Agendamentos na aba Kit de um projeto) é onde você gerencia os atendimentos da página Agende online de um site. Escolha o site no topo se você tiver mais de um. O seletor de site, Bloquear horário e Novo agendamento ficam na linha do título, à direita. Seis cartões mostram Hoje, Próximos 7 dias, Precisam de confirmação, Lista de espera, Faltas e Cancelados; pressione qualquer cartão para ver exatamente esses agendamentos. Até chegar o primeiro agendamento, uma linha discreta substitui os cartões, para que o aviso de configuração e a agenda apareçam primeiro. Quando todos os cartões mostrariam 0 (nada hoje, nesta semana ou aguardando você), os cartões se recolhem em uma única linha Tudo certo com um botão Ver todos os agendamentos, para que a agenda continue em destaque. Cada visualização, filtro e agendamento aberto fica no endereço, então você pode salvar nos favoritos ou compartilhar com sua equipe.

A agenda mostra Dia, Semana ou Mês no fuso horário da empresa. Cada agendamento é um bloco colorido com o nome do cliente e o serviço (azul Confirmado, âmbar listrado Precisa de confirmação, verde Concluído, vermelho Falta); pressione para abrir. Horários de funcionamento aparecem em branco, dias fechados e horários bloqueados ficam listrados. Na visualização Dia, cada membro da equipe tem uma coluna. Pressione uma hora vazia para adicionar um agendamento nesse horário, e pressione um intervalo bloqueado para liberar esse horário novamente.

Agendamentos é a lista: pesquise por nome, e-mail, telefone ou serviço, e filtre por Próximos, Hoje, Próximos 7 dias, Precisam de confirmação, Lista de espera, Passados, Faltas, Cancelados ou Tudo (cada um com sua contagem). Clientes lista cada pessoa uma única vez, com a próxima visita, visitas concluídas, valor das visitas concluídas e faltas; pressione um nome em qualquer lugar para ver todo o histórico dela.

Ao abrir um agendamento, você vê o telefone e o e-mail do cliente (toque para ligar ou escrever), com quem será atendido, extras, preço, as respostas às suas perguntas e a observação dele. Os botões definem Confirmar (ou Confirmado), Concluído e Falta. Mudar para outro horário mostra os horários livres; Cancelar este agendamento pede um motivo opcional, que o cliente vê. Enviar e-mail ao cliente sobre alterações fica ativado por padrão. Um sinal aparece como uma caixinha que você marca quando for pago; nada é cobrado online. Você pode copiar o link de alteração ou cancelamento do cliente ou reenviar a confirmação por e-mail.

Novo agendamento adiciona um manualmente: o cliente, o serviço, com quem será atendido, extras, vagas para uma aula, um dia e um horário livre (ou um horário fora do funcionamento, de propósito), Repetir semanalmente ou a cada 2 ou 4 semanas, e Confirmado ou Precisa de confirmação. Bloquear horário tira da página de agendamento dias inteiros ou parte de um dia, para todos ou para uma pessoa, com uma observação privada.

Configurações é o que a página de agendamento segue, salvo com um botão e usado pela página imediatamente: confirmar na hora ou confirmar cada um; serviços com duração, preço (ou preço "a partir de"), descrição (Sugerir descrição cria uma a partir do nome do serviço, e você pode editar), intervalo antes e depois, pessoas por horário para aulas, quem atende, extras com minutos e preço adicionais, e perguntas a fazer (resposta curta, resposta longa, escolher uma opção, sim ou não; obrigatória ou não); sua equipe e os dias de cada pessoa; horário semanal com pausas; dias fechados; horários de início a cada 10 a 60 minutos, antecedência mínima, prazo máximo e o máximo de agendamentos por dia; uma lista de espera para dias lotados; com quanta antecedência os clientes podem remarcar ou cancelar online, uma política de cancelamento e de faltas, e o e-mail de lembrete; sinais (um valor fixo ou uma parte do preço, pago com cartão na página de agendamento do cliente ou da forma que você combinar com ele; veja abaixo); Após a visita (o pedido de avaliação); e Perguntas frequentes, em que Escrever respostas para mim cria rascunhos somente com base nessas configurações. Até você salvar uma vez, a tela começa a partir do que sua página de agendamento já mostra, e a página continua funcionando como foi criada.

Compartilhar e sincronizar tem o seu link de agendamento, um QR code para baixar em SVG para impressão, código de incorporação que coloca o cartão de agendamento em qualquer outra página, e um endereço de calendário para assinar no Google Agenda, Calendário da Apple ou Outlook (ele lista todos os agendamentos e é atualizado cerca de a cada 15 minutos; mantenha-o privado e crie um novo endereço caso ele seja compartilhado). A sincronização bidirecional, em que seus próprios compromissos do Google ou Outlook bloqueiam horários na página de agendamento, é o próximo passo e ainda não está ativada; use Bloquear horário para isso até lá.

Sua identidade visual (em Configurações) coloca seu logotipo, uma imagem de capa ampla, sua cor principal (a faixa no topo) e a cor dos botões na página de agendamento e na página de agendamento própria de cada cliente; uma pequena amostra mostra como ficará, e uma cor de botão clara é escurecida quando usada como texto, para continuar legível. Cada membro da equipe e cada serviço também pode ter uma foto. As imagens são reduzidas no navegador antes do envio (JPG, PNG ou WebP; até 1,5 MB cada após a redução; arquivos SVG não são aceitos), e as imagens que nenhuma configuração salva usa são removidas após um dia. Deixe uma cor vazia para manter a do seu site.

Depósitos com cartão: escolha Por cartão logo após o agendamento. O cliente verá um botão Pagar o depósito na tela de agradecimento e na própria página de agendamento dele, que abre um formulário curto de cartão ali mesmo (número do cartão, validade, CVV, CEP). O cartão vai direto para a Authorize.net pelo formulário seguro dela; o aiKit nunca vê o número. Depois, o agendamento mostra "pago com cartão". Isso funciona só no modo de TESTE (nenhum dinheiro real é movimentado) e precisa que o administrador do aiKit ative depósitos com cartão; até lá, as Configurações informam isso e você ainda pode escolher Eu vou explicar como e marcar Pago você mesmo. Devolver um depósito com cartão após um não comparecimento cancela a transação no mesmo dia ou estorna no cartão depois que ela for compensada. Quando você marcar um agendamento como Não compareceu (só é possível depois que a visita começou) e o depósito tiver sido pago, o aiKit oferece Manter o depósito (sua política, se Manter o depósito quando alguém não comparece estiver ativado) ou devolver (um depósito com cartão é estornado; um pago de outra forma é marcado como devolvido).

Após a visita: com Pedir avaliação após uma visita Concluída ativado, marcar uma visita como Concluída adiciona o cliente à sua ferramenta de Avaliações, e o e-mail de avaliação é enviado após o atraso que você escolher (2 horas, a menos que você altere). Todos recebem o mesmo pedido, página e link do Google; nada depende de como foi a visita, e um cliente só é convidado uma vez. A ferramenta de Avaliações precisa ser configurada antes (seu texto e seu link do Google), e o e-mail precisa que o e-mail esteja configurado para a sua conta.

Lembretes por texto: ative também Lembretes por texto (Política e lembretes) e os clientes verão a caixa "Me envie um lembrete por texto antes da minha visita. Podem ser cobradas taxas de mensagem e dados. Responda STOP para cancelar." ao agendar; somente quem marcar a caixa recebe o texto, de 2 a 48 horas antes. Responder STOP interrompe os textos de todas as empresas no aiKit; START os reativa. Cada texto e seu custo ficam registrados. O envio de textos precisa de uma conta de SMS (Twilio) conectada pelo administrador do aiKit; até lá, a caixa não aparece e nenhum texto é enviado.

O que o cliente recebe: na página de agendamento, ele escolhe um serviço (com preço, descrição e extras), quem prefere, se você tiver equipe, um dia em um calendário mensal e um horário agrupado em manhã, tarde e noite (o horário local também aparece quando ele está em outro fuso horário), depois seus dados e suas perguntas. Dias lotados oferecem lista de espera, e os serviços que você permitir podem se repetir. Após agendar, ele vê Adicionar ao Google Agenda e um arquivo para Apple ou Outlook. O e-mail dele traz os detalhes, os links de calendário e a página própria (aikit.ai/b/…) para alterar o horário ou cancelar até o seu prazo limite, e um lembrete chega antes da visita. Todas as regras são verificadas novamente no aiKit quando ele clica no botão, então duas pessoas nunca conseguem o mesmo horário. Os e-mails de agendamento são enviados depois que o e-mail estiver configurado para a sua conta.

16

Quem pode trabalhar nisso (Configurações)

Quem pode trabalhar nisso, na aba Configurações, é uma lista separada de contas reais do aiKit com acesso a este projeto específico — diferente do código de acesso compartilhado que os clientes usam na sobreposição de feedback ao vivo. O proprietário não pode ser removido; os demais podem. Para adicionar alguém, informe o e-mail dela — a pessoa precisa primeiro de uma conta gratuita do aiKit (criada da mesma forma que qualquer conta em /start/classic) antes de ser adicionada aqui.

Ao lado da caixa de e-mail, escolha o que a pessoa pode fazer. "Construtor: editar e publicar" é um membro completo da equipe: edições no chat, correções, builds, publicação ao vivo e configurações. "Revisor: ver, comentar, aprovar" pode abrir o projeto e ver tudo nele, deixar marcações e respostas, e aprovar uma correção concluída (Confirmar) ou devolvê-la (Reabrir), mas nunca pode iniciar uma edição com IA, fazer build, restaurar uma versão, alterar configurações ou publicar. Um revisor também nunca vê o código de acesso do cliente ao projeto. A função de cada pessoa aparece como uma etiqueta na linha dela. Para dar a alguém acesso a todos os sites de um cliente de uma vez, use Pessoas com acesso na página desse cliente (veja o guia de Clientes).

17

A aba Feedback — ciclo de status, todas as ações de um item e Redesenho

Todo item — uma marcação colocada no site ao vivo ou um pedido de Edição rápida — segue o mesmo ciclo: Aberto → Em andamento → Corrigido, aguardando revisão do cliente → Confirmado, com um estado separado Reaberto caso um item "corrigido" não esteja certo. "Aguardando nós" significa Aberto ou Em andamento; "Aguardando o cliente" significa que está marcado como corrigido e o cliente ainda não confirmou. Um botão "?" expande uma explicação completa de cada ação, em linha, direto na aba.

Cada item mostra a mensagem, sobre o que é (o elemento ao qual foi fixado, se houver), uma captura de tela anexada, se houver, um selo de status e uma etiqueta de função — "Cliente" ou "Nossa equipe" — deixando claro quem registrou cada pedido. As ações disponíveis dependem do status atual: no modo de revisão prévia, um item aberto mostra primeiro "Aprovar para trabalhar"; a partir de Aberto/Reaberto/Aprovado/Em andamento, "Corrigir com IA" envia o item direto ao editor de IA, que edita o código real, reimplanta e marca como corrigido com o link ao vivo como prova — o caminho normal. "Iniciar trabalho manualmente" marca o item como em andamento sem a IA, para uma mudança feita diretamente no código (use com Reimplantar na aba Hospedagem depois que estiver no ar e, em seguida, Marcar como corrigido). "Marcar como corrigido" pede uma nota ou URL que comprove a correção. Um item corrigido pode ser "Confirmado em nome do cliente", e qualquer item pode ser "Reaberto" se não estiver realmente certo.

Abaixo de cada item, uma lista "Trabalho feito" mostra cada alteração entregue vinculada a ele (com um link para ver a página ao vivo e um link para a aba Versões), além da sua nota ou URL de verificação, se houver. Uma opção "Discutir" abre uma conversa com respostas encadeadas sobre aquele item — o cliente vê exatamente a mesma conversa pelo link dele.

Abrir esta aba a partir de um link na página Feedback entre projetos (ou em qualquer outro lugar com um link #fb-<id>) rola diretamente até aquele item e o destaca brevemente, para que seguir um link de outro lugar nunca obrigue você a procurar em uma lista longa.

18

Editar no site ao vivo e a prévia ao vivo

Edite no site ao vivo: no topo da aba Editar, abre o site real em uma nova aba com o editor ativado (o código de acesso do projeto vai no link uma única vez e fica lembrado para essa aba). Um botão "Edit with aiKit" no canto abre o editor ao lado da página, com Chat, Feedback e What changed (a lista de alterações; restaurar é só para a equipe, na aba Versions). Os pinos marcam exatamente o elemento em que você clicar, Draw a line marca qualquer área, e uma alteração aplicada recarrega a página. Visitantes do site nunca veem isso.

A aba Editar mostra o site ao vivo em uma moldura assim que o projeto estiver no ar (antes disso, ela avisa, e o Quick edit e o editor já funcionam com os arquivos). Acima dela: as larguras Desktop / Tablet / Phone (a moldura fica com 768px ou 390px), Pin a spot for AI feedback para um ponto exato, Draw para uma área, um botão de recarregar e Open in a new tab, com um endereço novo, sem cache. Quando a janela do editor é expandida para tela dividida, essa mesma prévia fica ao lado do chat. Na primeira vez que um projeto criado é aberto, uma nota na aba Visão geral diz que a primeira versão é um ponto de partida, não o site final, com um botão Start improving it que abre o editor; Got it esconde a nota.

19

A janela do editor: Chat, Feedback, Versions, Brief & rules e Kit

Abrir o editor, no cabeçalho da página do projeto, abre a janela do editor (a ferramenta rápida "Edit" de uma linha na lista clássica, ou qualquer link que termine em ?assistant=chat, abre diretamente). Suas visões são Chat, Feedback, Versions, Brief & rules e Kit; as mesmas coisas também têm abas próprias na página do projeto, em largura total, e a janela serve para usá-las ao lado do chat. Ela abre um painel encaixado à direita (arraste a borda esquerda para redimensionar) ou, com o botão de expandir no cabeçalho, uma tela dividida com o site ao vivo à esquerda e o painel à direita. Esc ou o × fecha, e o foco volta para onde você estava.

O Chat é uma conversa simples sobre o site inteiro. Digite ou dite, anexe arquivos com o clipe de papel e pressione Enter. Anexe fotos e capturas de tela, ou documentos (PDF, Word .doc ou .docx, Excel .xls ou .xlsx, CSV ou texto simples). Conectado como membro do projeto, você pode anexar até 10 arquivos a uma mensagem, de 50 MB cada e 150 MB no total: cada arquivo é enviado direto ao servidor de edição do aiKit assim que você o escolhe, sua etiqueta mostra uma barra de progresso ("Enviando 40%"), e o botão Enviar diz "Enviando…" até todos os arquivos terminarem. Um cliente que usa o código de acesso do site sem fazer login pode anexar até 4 arquivos, de 4,5 MB cada e cerca de 3 MB no total. Cada arquivo aparece como uma etiqueta com nome, tipo (Imagem, PDF, Word, Excel, CSV, Texto) e tamanho, com um × para removê-lo (ou cancelar o envio) antes de enviar; um arquivo que não foi enviado informa o motivo na etiqueta. Um arquivo anexado e nunca enviado é apagado após 24 horas; arquivos enviados são mantidos por 30 dias. O ? ao lado do clipe resume isso. Um documento serve para passar um cardápio, lista de preços ou folheto: "Coloque este cardápio na página Menu" funciona. A IA lê as palavras do documento (arquivos Word e Excel são convertidos em PDF no servidor do aiKit primeiro) e observa imagens das primeiras páginas de um PDF ou Word para o layout e as fotos; ela copia nomes e preços exatamente como estão escritos e nunca inventa itens. Cada arquivo é verificado pelo que realmente contém, não apenas pelo nome: programas, arquivos do Office com macros e arquivos cujo conteúdo não corresponde ao nome são recusados com o motivo, e nada é enviado. A conversa mostra os nomes dos arquivos abaixo da sua mensagem. A equipe conectada também tem comandos: o botão ∞ ao lado do microfone abre "Your rules and commands", onde ficam as Standing rules (algumas linhas que são carregadas em todo projeto com que você conversa, em cada pedido; o Brief & rules prevalece se houver divergência), o comando ∞ (o que roda quando uma mensagem termina com ∞; uma versão embutida verifica a consistência do site inteiro e informa o que mudou até você escrever o seu) e os Slash commands (um nome curto e o que ele faz, até 40). Digite / na caixa para ver seus comandos; escolha um, ou pressione Enter na primeira opção, e ele se expande na caixa para você acrescentar algo antes de enviar. "+ ∞" adiciona o símbolo ao final do que você digitou. O chat do cliente no site ao vivo não tem comandos. Uma pergunta recebe uma resposta; um pedido de alteração é feito no código real pelo mesmo ciclo de edição usado no restante do aiKit, e enquanto trabalha o painel mostra um cartão de andamento em vez de um spinner: um relógio, uma etapa em linguagem simples ("Pequenas alterações costumam ser concluídas em menos de um minuto"), as etapas já feitas ("Pesquisou o site por (555)", "Editou contact/index.html") e a etapa atual. Para uma alteração que aparece em várias páginas (um telefone, horário, endereço), o assistente pesquisa o site e edita cada ponto no lugar, em vez de reescrever páginas inteiras, então a maioria das alterações fica pronta em menos de um minuto. Enviar desliga o microfone, se estiver ligado. Apenas um pedido roda por vez em cada projeto; um segundo envio enquanto um está em andamento recebe um aviso para aguardar. Se o projeto estiver no ar, a alteração é publicada e a prévia acima recarrega; se não, ela é salva no código até você usar Go live. Cada alteração vira uma versão (veja Versions). O assistente lê o Brief & rules do projeto antes de cada resposta e segue o que ele diz. O chip no cabeçalho do painel mostra os tokens da conta que ainda restam hoje (ou neste mês, se o plano não tiver um valor diário), lidos da mesma verificação por que passa toda edição; quando essa verificação recusaria uma edição, ele mostra os tokens já usados hoje (ou neste mês), e um cartão no chat explica isso e permanece na tela. Passe o mouse sobre o chip para ver o plano e a contagem de edições deste projeto. Toda alteração e resposta usa os tokens da sua conta. Alterações que um cliente pede pelo próprio link (o código de acesso) também param no limite mensal de tokens desse cliente, definido na página dele (2.000 para começar); quando esse limite acaba, o chat do cliente informa isso e oferece "Ask the owner for more", que envia um pedido para você. As edições da sua própria equipe nunca contam para esse limite. Edições pagas não são racionadas por dia.

A visualização de Feedback (chamada Pins até 2026-10-02) é feedback da IA sobre um ponto exato, e Desenhar funciona da mesma forma para uma área: pressione "Desenhar" acima da prévia (ou "Desenhar uma linha" na visualização de Feedback, ou no painel do site ao vivo) e arraste uma linha reta sobre qualquer coisa com o mouse ou com o dedo; a linha pausa para que você possa Desfazer e desenhar de novo se não estiver certa, ou "Usar esta área →" para confirmar. A caixa delimitadora (com margem) da linha se torna a área-alvo do pin, a IA é informada de qual elemento está sob ela e de qual é o tamanho da área, e no site ao vivo uma linha laranja permanece onde você desenhou. "Pedir à IA para fazer" realmente executa a mudança (2026-09-11): o pin muda para Em andamento, a IA edita o código real e publica novamente, e o pin muda para Corrigido com um link Ver correção para a página ao vivo; se não puder ser feito, o pin volta para aberto com o motivo no histórico (o próprio motor registra isso, então uma edição longa nunca deixa um pin em Em andamento; depois de 15 minutos sem resultado, a lista mostra Demorando mais que o esperado com um botão Pedir à IA de novo). Clique em "Fixar um ponto" acima da prévia ao vivo, clique no lugar do site, descreva a mudança e escolha "Pedir à IA para fazer" (a mudança é feita e a solicitação é marcada como Corrigido, aguardando revisão, com um link para o resultado ao vivo) ou "Salvar para depois" (uma solicitação aberta comum). Solicitações abertas feitas pelo cliente também aparecem aqui, cada uma com seu próprio "Pedir à IA para fazer". Feedback em texto (2026-09-11): cole o que o cliente disse (um e-mail, anotações de uma ligação, uma transcrição), escolha Do cliente ou Minhas anotações e pressione Transformar em solicitações: a IA divide o texto em uma solicitação aberta por mudança, cada uma direcionada à página a que pertence, e o texto original fica guardado em Notas, em Resumo e regras. Nada no site muda nesse momento; cada solicitação ainda passa por Pedir à IA, muda para Em andamento e termina como Corrigido com um link Ver correção, para que você veja cada mudança começar e terminar. Salvar como nota pula a divisão e mantém o texto apenas como contexto. Dividir o texto consome tokens (aparece como "divisão" na página de Uso), mas nunca faz uma edição.

Redesenhar este site (2026-09-12, apenas equipe) é um redesenho visual de todo o site, não um pedido de recurso: pressione "Criar uma direção" em Redesenhar este site, na parte inferior da aba Editar do projeto (ou na visualização de Feedback da janela do editor), e a IA escolhe um pequeno conjunto dos seus sites de referência aprovados — páginas reais que você marcou com estrela como referências de design, combinadas com o setor deste projeto — lê seu visual e sua sensação e escreve um briefing concreto de direção de arte: uma paleta de cores nomeada com valores hexadecimais reais, uma combinação de tipografias, o ritmo das seções, várias seções de assinatura nomeadas e regras para animação e para ícones/ilustrações. "Escolher referências" abre o mesmo seletor de galeria de referências que o planejador usa: pesquise ou filtre por setor, escolha você mesmo até 6 sites em vez da combinação automática, ou não escolha nenhum para manter a combinação automática. Leia o briefing, edite qualquer linha ou pressione "Tentar outras referências" para refazer o rascunho. "Executar redesenho" envia esse briefing pelo mesmo ciclo de edição de qualquer outra mudança — todas as páginas, não só a página inicial — e custa mais do que uma única edição e costuma levar de 7 a 11 minutos, ambos informados antes, no botão. Enquanto roda, o cartão mostra um cronômetro de tempo decorrido ao vivo com uma descrição honesta e em linguagem simples do que está acontecendo naquele momento, não apenas um carregamento; uma execução anterior aparece abaixo, com o briefing usado, os sites de referência em que se baseou e uma captura de tela antes/depois da página inicial quando ficar pronta, para que você veja a diferença real em vez de confiar na palavra da IA.

Versões lista as versões do site, da mais nova para a mais antiga: o Original (registrado antes da primeira mudança), a primeira construção, cada edição feita pelo chat, cada correção de pin e cada restauração, com quem fez, quando e quais arquivos mudaram. O aiKit mantém o Original e as 10 mais recentes; quando uma nova mudança chega e já existem 10, a mais antiga depois do Original é removida definitivamente, a menos que esteja marcada com estrela, esteja no ar ou seja um rascunho aguardando. "Estrela" em uma versão a mantém, por mais antiga que seja (até 20 com estrela por projeto); "Remover estrela" permite que a regra habitual a limpe em uma mudança posterior. "Restaurar" em qualquer versão mais antiga pede confirmação uma vez, salva o estado atual como "Antes de restaurar", devolve os arquivos antigos e registra a restauração como uma nova versão, de modo que uma restauração também pode ser desfeita. Em um site ao vivo que aguarda Publicar, Restaurar oferece duas opções: "Restaurar como rascunho" (os arquivos antigos voltam como rascunho que você revisa e publica como qualquer mudança) e "Restaurar e publicar" (a reversão com um clique: a versão antiga vai ao ar imediatamente e a publicação é registrada com o seu nome). Em um site que publica automaticamente, ou que ainda não está no ar, a restauração funciona como antes e republica se o site estiver no ar. Cada versão traz um selo: "No ar agora" é o que os visitantes veem, "Rascunho" está aguardando revisão, "Estava no ar" foi publicada antes, "Foi para o ar em uma publicação" fez parte de uma publicação posterior, e "Descartada" foi jogada fora. A versão no ar, um rascunho aguardando e as versões com estrela nunca são removidas pela limpeza automática.

Resumo e regras é o documento vivo que a IA lê em cada construção e edição. Seções: Fatos do negócio, Marca, Regras e instruções, Diretrizes de conteúdo, Estilos aprovados, Decisões, Notas e Aprendido. Notas guarda anotações simples de ligações, reuniões e e-mails, além de feedbacks colados na visualização de Feedback; a IA as lê como contexto, e nada em Notas muda o site sozinho. Adicione um item em linguagem simples: escolha a seção, escolha se ele vale para todos os projetos deste cliente ou só para este, digite ou dite, e clique em Adicionar. Quando o assistente aprende algo duradouro na conversa, ele o registra em Aprendido como não confirmado; o painel pede que você Confirme ou Remova cada item, e somente os itens confirmados contam como declaração própria do proprietário.

O Kit é o catálogo de módulos independentes. "Construídos" mostra os módulos testados que o motor exibe como páginas reais (Pedir orçamento / Solicitar serviço é o principal; Formulário de contato; Agendar online), cada um com um resumo simples, recursos, por que importa, como se personaliza, uma Prévia que mostra o modelo real com dados de exemplo, e uma caixa de notas de personalização. "Catálogo completo" adiciona os módulos planejados que viram itens de trabalho. "Adicionar a este projeto" registra a escolha no plano do projeto e cria um item de trabalho, da mesma forma que os botões de adicionar da aba Kit. O mesmo catálogo também tem seu próprio Explorador do Kit em tela cheia (em /projects/&lt;id&gt;/kit, ou apenas para navegar em /projects/kit quando ainda não há projeto; veja "O Kit: navegar, pré-visualizar e adicionar um módulo") para uma navegação mais detalhada e ilustrada: categorias, uma prévia completa de cada módulo, e um painel de adição mais completo com personalizações sugeridas, suas próprias notas e anexos, e "Adicionar ao plano" versus "Adicionar e criar agora".

20

A aba Perguntas: enviar ao cliente perguntas de descoberta (somente equipe)

Perguntas (2026-09-14) reúne as perguntas de descoberta que um cliente novo ou atual deve responder, separadas de Feedback (pedidos sobre algo já criado). Fica em uma aba da página do projeto, em largura total (desde 2026-10-02; o endereço antigo /projects/<project>/questions abre essa aba), e é acessada pela linha de abas, por Precisa de você, Próximos passos ou pelo menu Mais ▾ de uma linha na lista clássica de projetos, porque criar e revisar um lote real de perguntas exige mais espaço do que um painel lateral oferece.

Notas para as perguntas (antes chamado de Briefing) é uma conversa contínua e salva, não uma caixa única onde você digita e perde tudo: adicione uma nota por vez (digite ou use Ditar e depois "+ Adicionar nota"). Cada nota vira uma entrada própria com data e hora e um botão de remover, e tudo continua lá na próxima vez que você abrir a página. Nada fica só na aba do navegador. Volte amanhã ou daqui a uma semana e adicione mais; tudo conta.

Quando houver material suficiente, pressione "Redigir perguntas com base em tudo acima": a IA lê a conversa inteira, além de tudo o que já foi confirmado em Briefing e regras, para nunca perguntar de novo o que já está registrado, e propõe um conjunto de perguntas específicas, geralmente cerca de 15, mais do que um questionário curto de site institucional precisaria, porque o objetivo é obter detalhes reais, não um gesto simbólico. Cada pergunta é de preenchimento livre ou, quando as respostas reais formam um conjunto fechado e curto (uma faixa de orçamento, um sim/não/talvez, a escolha entre algumas direções nomeadas), uma pergunta de múltipla escolha com 3 a 6 opções redigidas pela IA. Uma pergunta de múltipla escolha também recebe "permitir mais de uma" quando mais de uma opção pode realmente se aplicar ao mesmo tempo (quais destes recursos você quer, quais serviços você oferece), para que o cliente marque caixas em vez de ser forçado a escolher apenas uma. Se o projeto parecer mais do que um site institucional, como um sistema, um aplicativo ou algo feito para ajudar a administrar o negócio no dia a dia, a IA se concentra em perguntas de múltipla escolha específicas e criativas sobre recursos operacionais reais (pedidos automáticos de avaliação, faturamento digital, orçamentos instantâneos, agendamento, acompanhamentos, relatórios), baseadas no que você de fato escreveu, e não em uma lista genérica. Ela nunca cita nem insinua nenhum dos seus OUTROS clientes ou projetos, nem como exemplo: cada pergunta se sustenta sozinha, como se este fosse o único cliente com quem você já tivesse trabalhado.

Nada foi salvo ainda. Cada pergunta proposta aparece com uma caixa de seleção, seu próprio texto editável e uma chave Preencher / Múltipla escolha. As opções de uma pergunta de múltipla escolha são cada uma uma linha editável própria, com botão de remover, "+ Adicionar opção", e uma caixa "permitir mais de uma". "+ Adicionar minha própria pergunta" cria uma pergunta de preenchimento em branco para você digitar. Escreva-a (ou mude para Múltipla escolha) e pressione "✨ Sugerir opções" (ou "↻ Sugerir opções novamente" para tentar outra vez) para que a IA proponha de 3 a 6 opções realistas para essa pergunta exata, assim você nunca fica preso digitando "Opção 1, Opção 2" à mão. Desmarque, edite, redigite uma opção, troque tipos ou exclua qualquer coisa antes de enviar.

"Enviar N ao cliente" é a única ação que de fato cria as perguntas. Ela gera o código de acesso do projeto caso ainda não tenha um e lhe entrega um link ("Copiar link", ou "Enviar por e-mail", que abre o seu próprio aplicativo de e-mail com o endereço do cliente e o link já preenchidos; o próprio aiKit nunca envia o e-mail). Ao enviar, a lista de revisão é esvaziada e aparece um cartão de confirmação com um resumo do que foi enviado. A página rola até "Enviadas até agora", para que fique claro que as perguntas estão salvas e não perdidas, pois é nessa mesma lista que elas agora ficam. O cliente abre esse link sem conta própria, escolhe uma opção (ou marca várias, na pergunta "permitir mais de uma"), ou digita uma resposta, e pode deixar o restante para depois. Quando ele envia, cada resposta é registrada em Briefing e regras, em Decisões, como uma entrada própria (o objetivo da pergunta e, depois, a resposta; perguntas sem resposta ficam de fora), para que a IA as tenha em todas as edições futuras e o plano do site as transforme na seção de Decisões. A IA também verifica, de forma privada, se vale a pena fazer um acompanhamento genuíno. A maioria das rodadas não gera nenhum, mas, se uma resposta for vaga ou se duas respostas entrarem em conflito, de uma a três perguntas de acompanhamento objetivas aparecem automaticamente no mesmo link, sem necessidade de novo link, com limite de algumas rodadas para não virar uma troca interminável.

Volte a esta página quando quiser — antes de o cliente responder tudo, ou muito depois — e envie outra rodada com o mesmo fluxo de Rascunho e revisão; ela simplesmente entra na lista no mesmo link, sem nada novo para enviar. A lista Enviadas até agora mostra todas as rodadas, cada pergunta com a resposta real (e as opções, no caso de múltipla escolha, além de uma nota quando mais de uma podia ser marcada) ou uma etiqueta "Aguardando resposta", atualizando sozinha enquanto houver algo aberto na rodada mais recente. "Exportar respostas" baixa todas as perguntas e respostas de todas as rodadas em um único arquivo de texto simples — feito para colar diretamente em uma nova sessão do Claude ou Claude Code e começar a construir, não para abrir em outra ferramenta; as mesmas perguntas e respostas também ficam permanentemente em Briefing e regras do projeto, então a exportação é uma cópia de conveniência, não o único registro. A exportação também lista todas as fotos enviadas pelo cliente, com a respectiva nota, etiqueta e link.

Rascunhos (2026-09-30). Um questionário também pode ser carregado como rascunhos: perguntas salvas no projeto, mas não enviadas. Elas aparecem em seu próprio cartão "Rascunhos, ainda não enviados", com um contador, numeradas na ordem em que o cliente as verá. Cada rascunho mostra seu título de seção (se iniciar uma nova seção), a pergunta, a tradução, a dica e, no caso de múltipla escolha, se o cliente escolhe uma ou várias opções, além das alternativas. Editar abre o rascunho no próprio lugar: a pergunta, a dica abaixo dela e o título da seção acima, cada um nos dois idiomas lado a lado (um embaixo do outro no celular); Preencher ou Múltipla escolha; cada opção nos dois idiomas com um botão de remover, "+ Adicionar opção" e "Cliente pode selecionar mais de uma". Os botões ↑ e ↓ movem um rascunho para cima ou para baixo, o × o exclui (pergunta "Excluir N?" dentro da própria linha, com Excluir e Manter), e "+ Adicionar pergunta em rascunho" acrescenta uma nova ao final com o mesmo editor. O cliente não vê nada disso. Enviar os rascunhos tem três etapas, para que um link de cliente nunca seja enviado mostrando uma página vazia. 1 Revisar: enquanto houver rascunhos não enviados, o topo da página de Perguntas avisa em uma caixa laranja grande ("33 perguntas ainda não enviadas. David não vê nada até você visualizar e enviar.") com um botão, "Visualizar o que David verá"; a parte inferior do cartão de rascunhos tem "Próximo: visualizar". Nesta etapa não há controle para copiar o link ou enviar por e-mail. 2 Visualizar: abre o link do próprio cliente na mesma aba. Como você está conectado ao projeto, vê a página completa exatamente como o cliente a receberá (introdução, troca de idioma, todas as perguntas, dicas, opções e a seção de fotos e arquivos), sob uma barra com apenas "← Voltar para editar" e "Está bom, enviar". Respostas e envios não são salvos na visualização. Quem não estiver conectado ao projeto e abrir o link antes do envio verá apenas a introdução e "Suas perguntas aparecerão aqui em breve". 3 Enviar: "Está bom, enviar" publica todos os rascunhos de uma vez, na ordem, e retorna você à página de Perguntas aberta em um painel verde com o link real da pesquisa, "Copiar link", e "Enviar por e-mail para" o cliente, com o e-mail do cliente em uma caixa editável (salvo no projeto) que abre o seu próprio aplicativo de e-mail com uma breve nota e o link preenchido; o aiKit não envia o e-mail por conta própria. Esse painel permanece no topo da página de Perguntas a partir de então. Rascunhos não contam em "Enviadas até agora" até serem enviados. Nenhuma etapa usa janela pop-up do navegador; todas as confirmações são feitas na própria página.

Dois idiomas (2026-09-30). Um questionário pode ser escrito em inglês e espanhol. O idioma principal do projeto é o que o cliente vê primeiro, e cada pergunta pode ter sua tradução, incluindo as opções, a dica e o título da seção. Quando há traduções, a página do cliente abre no idioma principal com uma chave English / Español no topo que muda tudo na página de uma só vez: cada pergunta, opção, dica, título de seção, a introdução e todos os botões e mensagens. O microfone escuta no idioma que estiver sendo exibido, então quem fala espanhol pode ditar em espanhol. As respostas são armazenadas como digitadas. Uma resposta de múltipla escolha é sempre armazenada na redação do idioma principal, independentemente do idioma que o cliente estava lendo, para que a lista Enviadas até agora e Briefing e regras fiquem consistentes. Um questionário com introdução, idioma ou fotos próprios é exibido como página do próprio negócio: o cabeçalho mostra o nome do projeto e a marca aiKit ∞ é omitida. A introdução aceita texto em negrito e parágrafos.

Salvando respostas conforme avançam (2026-09-30). Na página do cliente, cada pergunta tem seu próprio botão Salvar resposta. Uma resposta salva mostra um check e a hora em que foi salva, e o cliente pode alterá-la e salvar de novo até concluir; o que for digitado mas não salvo fica guardado no navegador dele, então uma atualização da página não perde nada. A barra de progresso conta as respostas salvas. "Terminei, enviar tudo" na parte inferior salva o que ainda não foi salvo e entrega as respostas: arquivadas em Briefing e regras como respostas do cliente, aguardando sua confirmação (ou retidas para você em "Eu reviso primeiro"), e verificadas para uma pergunta de acompanhamento mesmo que algumas perguntas tenham ficado em branco. Até você pressionar Confirmar em uma resposta em Briefing e regras (o cartão no topo diz "O cliente respondeu N perguntas"), a IA lê isso como informação do cliente, nunca como instrução; respostas que você aprovar com "Eu reviso primeiro" são arquivadas já confirmadas. Uma rodada também é entregue automaticamente assim que todas as perguntas nela tiverem uma resposta salva. Na lista Enviadas até agora, uma resposta salva mas não concluída traz a etiqueta "Salva pelo cliente, ainda não enviada". Uma pergunta de múltipla escolha também pode oferecer "Outra" (Adicione uma opção "Outra" com uma caixa de texto, no editor de rascunhos): o cliente marca Outra e digita ou dita a própria resposta, armazenada depois das opções escolhidas como "Outra: …". As perguntas de acompanhamento em um questionário de dois idiomas são escritas pela IA no idioma principal com a tradução ao lado (e uma dica curta quando ajuda), com base nas respostas reais do cliente e nas notas sobre as fotos, no máximo 8 por rodada, uma rodada de acompanhamento por rodada.

Carregando um questionário escrito. Um questionário escrito em arquivo (perguntas nos dois idiomas, seções, dicas, opções, introdução, tags de fotos) pode ser carregado como rascunhos com scripts/import-client-questions.mjs do código do aiKit, ou pelo app em POST /api/hosted-projects/<id>/questions/import (equipe conectada, ou uma chave de API do aiKit com acesso total). Qualquer um dos dois substitui os rascunhos do projeto e é recusado se o projeto já tiver perguntas enviadas; nada é enviado.

Fotos do cliente (30/09/2026). O cartão "Fotos do cliente" tem uma chave: "Pedir ao cliente fotos no fim da página de perguntas." Quando ela está ativada e as perguntas já foram enviadas, a página do cliente termina com uma seção de Fotos: ele escolhe muitas fotos de uma vez (40 ou mais tudo bem), acompanha o envio de cada uma com sua própria barra de progresso (três por vez, com Tentar novamente nas que falharem), depois adiciona uma observação a cada uma (digitada ou ditada) e toca em uma tag como Antes, Depois, Trabalho concluído ou Eu / minha equipe. Observações e tags são salvas automaticamente enquanto ele digita; não existe botão Enviar para as fotos, o envio não exige responder nenhuma pergunta, e tudo continua lá quando ele volta pelo mesmo link. Ele pode remover as próprias fotos. Nesta página, o cartão mostra todas as fotos com sua tag, observação, nome do arquivo e tamanho, e um botão Baixar. Onde o armazenamento de arquivos do aiKit está ativado, as fotos são enviadas no arquivo original (até 25 MB; vídeos curtos em MP4 ou MOV de até 100 MB também funcionam); sem ele, cada foto é reduzida para 2400 pixels no seu lado maior no navegador do cliente antes do envio, e vídeos não são aceitos. A seção se chama "Fotos e arquivos": além de fotos de celular e capturas de tela (JPEG, PNG, HEIC, WebP), o cliente pode enviar GIFs, PDFs e outros arquivos, como logotipo, cartões de visita ou folders (AI, EPS, SVG, Word, Excel, PowerPoint, texto, ZIP). Esses arquivos são enviados sem alterações e aparecem como um cartão de arquivo com botão Baixar; sem um depósito de Blob, cada arquivo pode ter até 4 MB. Na prévia da equipe (passo 2 acima), a seção aparece exatamente como o cliente a vê, mas escolher arquivos apenas mostra um aviso de que nada é enviado na prévia.

21

A aba Versões

A aba Versões (ela substitui a antiga aba Histórico de alterações; links com ?tab=changelog a abrem) tem duas partes. Primeiro, cada versão salva do site, da mais recente para a mais antiga, com Restaurar em qualquer uma anterior (veja Versões na janela do editor acima: uma restauração também é salva como versão, então pode ser desfeita). Segundo, O que foi publicado: cada alteração que realmente foi ao ar, da mais recente para a mais antiga, com um selo de tipo (correção ou alteração), a página afetada e a data, e Copiar link de comprovação, que copia o mesmo link de atualizações sem login da linha da página Atualizações na aba Configurações, pensado para enviar a um cliente como prova do que foi publicado.

Acima das versões, Comprovações enviadas ao seu cliente lista cada comprovação de site deste projeto (Enviar comprovação no topo da aba, no cabeçalho do projeto, e na tela de revisão, que envia uma): qual cópia do site e quantas páginas ela mostra, Enviada, Aberta, Visualizada, depois Aprovada ou Alterações, quem chegou mais longe e quando, e quantas alterações ela colocou na aba Feedback. Uma aprovação aparece como Aprovada por (nome) com a data e a versão do site, e essa versão recebe um selo Aprovada por na lista abaixo. Nada é publicado com uma aprovação: clique em Publicar na tela de revisão quando estiver pronto. O cabeçalho do projeto também mostra o status da comprovação mais recente (Comprovação: aguardando seu cliente, Alterações solicitadas ou Aprovada), que abre esta lista.

22

A aba Hospedagem, resumida

No topo, quatro blocos: Endereço (o endereço no ar, ou que ainda não está na web), Status (o veredito em linguagem simples, quando foi verificado pela última vez, e Verificar novamente), Prévia gratuita (dias restantes da janela de 90 dias, com uma barra) e Versões e backups (quantas estão salvas, com Abrir Versões). Abaixo deles, um cartão: Colocar no ar antes do lançamento (um endereço temporário do aiKit em cerca de um minuto; ele espera até a primeira compilação terminar) ou Publicar novamente após o lançamento (publica os arquivos atuais do projeto no mesmo endereço, para uma alteração feita diretamente no código; alterações feitas com o editor, Edição rápida ou feedback vão ao ar sozinhas).

Depois, o tutorial completo em linguagem simples sobre domínios e onde um site fica, escrito para um dono de negócio não técnico, não para um desenvolvedor: o que é um endereço na web (domínio), explicado com a analogia de loja e placa de rua; a diferença entre o endereço temporário do aiKit com que todo projeto começa e o domínio próprio do cliente; instruções passo a passo para conectar um domínio real — os dois registros DNS a adicionar (um registro A apontando para 76.76.21.21 e um CNAME para "www" apontando para cname.vercel-dns.com), além de tutoriais expansíveis por registrador para GoDaddy, Namecheap, Cloudflare, Squarespace/Google Domains, Wix e Bluehost/HostGator; exatamente o que muda depois que o domínio é conectado (os buscadores reindexam com o nome real, um site antigo nesse domínio é substituído, o e-mail não é afetado desde que os registros MX sejam mantidos, e o endereço temporário continua funcionando); o que verificar, nessa ordem, se o site aparecer como fora do ar; quando você realmente precisaria mexer em qualquer coisa disso em vez das alterações do dia a dia; e, recolhido por padrão, o registro técnico bruto de DNS/HTTP para um desenvolvedor ou para o suporte do próprio registrador.

Os rótulos de status em linguagem simples usados aqui — "No próprio domínio", "Em um endereço temporário do aiKit", "Site fora do ar" e os demais — são definidos em um único lugar do código e reutilizados por esta aba, pelos Detalhes técnicos na Visão geral e pelo selo da linha da lista, para que nunca digam coisas diferentes sobre o mesmo projeto.

Próximo guia O Kit: navegação, prévias e como adicionar um módulo

Tem uma dúvida mais rápida e específica? Confira as perguntas frequentes.