Template Nimbus: um app de notas que você refaz no chat
Template Nimbus: um app de notas que você refaz no chat
O Nimbus é um dos 25 modelos da galeria do Zugo: um app de notas com captura rápida, busca ao vivo e notas fixadas, embrulhado em uma página de vendas e uma tela de entrada. Clonar o modelo para um projeto seu não custa nada. Depois disso, tudo se muda descrevendo no chat, e cada edição sai por 3 créditos.
O que vem dentro do template Nimbus?
O Nimbus são três superfícies conectadas, não uma página só, e saber disso antes da primeira edição evita pedir mudança na tela errada. Existe uma página pública que vende a ideia, uma tela de entrada e o app em si por trás dela.
| Superfície | O que ela traz |
|---|---|
| Página pública | Promessa principal, prévia do app em uso, quatro blocos de recurso, um recado de quem fez e a chamada final |
| Tela de entrada | Campos de e-mail e senha, botão do Google e três linhas curtas de benefício |
| Barra lateral | Botão de nova nota, contadores de notas totais e fixadas, bloco da conta |
| Lista de notas | Todas as notas da mais recente para a mais antiga, com busca que filtra enquanto você digita |
| Editor | Título e corpo, ações de fixar e apagar, contagem de palavras e de caracteres, tempo de leitura e estado salvo |
Os quatro blocos da página pública estão escritos como comportamentos, não como funcionalidades: capturar antes que a ideia fuja, buscar estreitando enquanto se digita, manter no topo o que importa e ter estrutura suficiente para a página continuar legível. Vale manter esse enquadramento mesmo trocando o produto, porque o leitor reconhece um hábito descrito mais rápido do que uma lista de recursos.
Os estados vazios merecem menção. Um projeto recém-clonado abre com zero notas e a interface continua parecendo intencional em vez de quebrada. Quem está começando costuma esquecer esse estado por completo e depois paga uma edição extra para colocá-lo.
Quais partes funcionam e quais são só tela?
As notas são reais. Uma nota criada sobrevive ao recarregamento da página, a busca roda sobre títulos e corpos, fixar joga o item para o topo e a contagem de palavras muda enquanto você escreve. Nada disso é imagem de app.
A tela de entrada é outra história. Ela mostra como um fluxo de conta se parece, mas não confere senha nem separa as notas de uma pessoa das de outra. Tudo vive no navegador em que você digitou, então um segundo aparelho abre uma biblioteca vazia.
Essa fronteira importa no primeiro dia, não depois. Um caderno particular no seu próprio computador funciona de imediato. Notas compartilhadas por um time precisam de banco de dados e contas de verdade, que entram por cima com o conector do Supabase e não com outro pedido no chat. A mecânica desse passo está em a IA consegue criar um app com banco de dados.
Dá para verificar a fronteira em dois minutos: crie duas notas, abra o projeto publicado em outro navegador e confirme que a biblioteca está vazia lá. Fazer isso cedo evita um mal-entendido bem mais caro lá na frente.
Para quem o Nimbus é um bom ponto de partida?
Ele serve para qualquer objeto único que tenha um texto, uma data e uma marca de importância. Notas pessoais, diário de leitura, biblioteca de trechos, registro de ligações, lista de ideias, anotações de sessão de um terapeuta ou coach: tudo isso cai na estrutura existente quase sem reforma.
Ele serve mal quando os seus dados têm vários objetos ligados entre si. Tarefas que pertencem a projetos com responsáveis, negócios que pertencem a empresas, estoque que pertence a fornecedores: isso pede outro desenho de tela, e um modelo mais próximo economiza dinheiro. Para um funil de vendas com contatos, o template Orbit já chega pronto.
Existe um terceiro caso que as pessoas subestimam: você gosta da casca e quer conteúdo completamente diferente dentro dela. O padrão de lista mais busca mais detalhe aguenta bem uma troca de assunto, então receitas, treinos ou fichas de cliente se acomodam ali sem briga.
Faça uma pergunta só a si mesmo: um registro seu cabe em um cartão com título, texto e data? Se cabe, o Nimbus está perto. Se o registro precisa de anexos, itens aninhados e ligações com outros registros, a casca começa a trabalhar contra você.
Como transformar o Nimbus no seu próprio app?
A ordem importa, porque significado é mais barato de mudar do que aparência. Mude o que o app é, depois como ele se parece, e você evita pagar duas vezes pela mesma tela.
- Renomeie o produto e reescreva a promessa. Uma edição troca o nome em todo lugar e coloca a sua frase principal.
- Troque o assunto. "Substitua notas por receitas: cada cartão ganha tempo de preparo e número de porções."
- Ajuste as telas. Filtro por etiqueta, ordenação por data, um contador a mais na lateral ou a remoção do que você nunca usa.
- Só então cuide do estilo. Paleta, tipografia, espaçamento. Deixar isso por último significa estilizar o layout que ficou, não o que foi descartado.
- Publique e abra no celular. O projeto ganha um endereço no formato
seunome.zugo.run, e o domínio próprio entra em cima nos planos pagos.
Escreva cada pedido como uma frase específica. "Deixe mais bonito" custa os mesmos 3 créditos que "aumente a altura de linha na lista de notas e tire a borda dos cartões", mas só o segundo pode ser julgado como feito ou não feito.
Quais edições as pessoas pedem primeiro?
Os pedidos se repetem tanto que vale manter uma lista. Etiquetas com filtro na lateral. Ordenação por última alteração, com a data aparecendo na lista. Botão de apagar com confirmação. Busca que cubra título e corpo ao mesmo tempo. Exportação de uma nota em texto puro.
O idioma da interface é o outro pedido comum, e ele sai melhor de uma vez só: "traduza a interface inteira, incluindo estados vazios, textos de botão e o título da aba do navegador". Estado vazio é justamente a parte que todo mundo esquece, e é assim que um app traduzido acaba com um "Nothing selected" no meio dele.
O comportamento no celular fica para o fim do trabalho, não para o começo. Um layout de duas colunas precisa virar outra coisa em tela estreita, então diga o que você quer: a lista primeiro e a nota abrindo em tela cheia. Confira em um celular de verdade e não em uma janela estreita de navegador, porque os dois não se comportam igual.
Quanto custa remodelar o Nimbus?
Clonar é grátis, então o contador só começa quando você muda alguma coisa. Uma primeira passada realista é uma edição para nome e textos, uma para a troca de assunto e mais duas ou três para as telas.
| Ação | Custo |
|---|---|
| Clonar o modelo em um projeto novo | Sem custo, não chama a IA |
| Uma edição no chat | 3 créditos |
| Construção a partir de uma descrição | 6 créditos |
| Plataforma multipágina | 12 créditos nas três primeiras páginas, depois 3 por página |
| Modo Hi-Fi | O dobro: 6 por edição e 12 por construção |
Os planos são simples: o gratuito dá 5 créditos, o Pro custa $25 por mês com 200 créditos e o Business custa $99 por mês com 800. Na prática, 200 créditos são cerca de 16 plataformas, 33 construções ou 66 edições no mês, então remodelar um modelo cabe folgado dentro de um mês de Pro.
Aqui está a parte que costuma ficar não dita: os 5 créditos gratuitos não dão para uma construção do zero, que custa 6. Dão para um modelo, porque a clonagem não cobra nada e uma edição cabe na franquia. Se a ideia é experimentar sem pagar, começar pela galeria é o único caminho que realmente funciona.
Toda construção é aberta em uma sandbox antes de chegar até você, e uma versão que não carrega não é entregue. Isso elimina a página branca depois de uma edição. Não elimina o outro risco: uma build pode carregar direitinho e mesmo assim não ser o que você quis dizer.
Onde estão os limites honestos?
É um app para uma pessoa. O Nimbus assume um único autor e um único navegador. Papéis, permissões e bibliotecas compartilhadas são um trabalho à parte, construído sobre banco de dados e entrada de verdade, não um truque de redação no prompt.
Lógica específica chega por edições, não por um prompt só. Criptografia, sincronização entre aparelhos e edição colaborativa se descrevem passo a passo e se conferem um de cada vez. Planeje assim em vez de torcer para um pedido comprido resolver os três.
O Zugo não substitui um time de desenvolvimento em um produto complexo. Uma ferramenta pessoal ou um utilitário interno estão totalmente cobertos aqui. Algo que você pretende vender e fazer crescer por anos uma hora extrapola a janela de chat, e é por isso que dá para exportar o código importa: o projeto sai com você.
Por onde começar hoje?
O primeiro passo é pequeno. Abra a galeria em zugo.dev, clone o Nimbus e gaste a primeira edição trocando notas pela coisa que você de fato registra todo dia. Em poucos minutos você vai saber se essa casca é sua ou se um modelo vizinho serve melhor.