Groselia

Construir deixou de ser o gargalo. Ser visto virou o gargalo.

A IA derrubou o custo de fazer software. Um fundador sem nenhuma formação em engenharia consegue lançar um produto num fim de semana, e todo mundo também. O que não ficou mais barato foi fazer alguém notar. Distribuição é uma operação contínua, não uma tarefa: postar todo dia, em oito redes que querem cada uma um formato diferente, responder cada comentário e ler números que cada app reporta de um jeito.

As startups pagam por isso de uma de três formas. Contratam um time que ainda não podem pagar, juntam uma dúzia de ferramentas que resolvem cada uma um pedaço, ou não postam nada e pagam com crescimento. A Groselia existe para ser a quarta opção.

A Groselia mudou de forma quatro vezes antes de descobrir o que é. Cada virada manteve o que funcionava e largou o resto.

1. 

   Fim de 2025 – fev. 2026

   Argibee

   Uma plataforma de design de marca com IA. Começou como protótipo no fim de 2025 e virou uma empresa de verdade em fevereiro de 2026. Não encontrou seu mercado, mas o motor de brand kit dela virou a espinha dorsal de tudo o que veio depois.

2. 

   abr. 2026

   Vídeos em motion

   A Groselia começou fazendo vídeos de lançamento no estilo da Apple a partir de templates do After Effects. Validei o pipeline inteiro na mão, e aí vi que ele não escalava no nível de qualidade que queríamos.

3. 

   jun. 2026

   Pre-seed da Link Vector

   Entramos na Startup School da Link School of Business, um programa de 100 dias para fundadores gravado como reality show (assista à temporada ↗). Ele terminou com um demo day em que apresentei a Groselia no palco, e com o nosso pre-seed de R$100k da Link Vector, a aceleradora da Link School of Business, onde me formei.

   

4. ago. 2026

   Lovable para marketing

   Uma conversa no lugar de um formulário: descreva a campanha e a Groselia planeja, escreve e publica. Um agente de chat com ferramentas, não um elenco de bots.

5. set. 2026

   Uma social media

   Os clientes não queriam que a IA fizesse o conteúdo deles. Queriam as próprias fotos bem postadas e os comentários respondidos. Cortamos a geração e fomos fundo em cuidar dos canais.

6. 

   Hoje

   Service as a software

   Vendemos o trabalho, não a ferramenta. Nosso time cuida das redes sociais de cada cliente na plataforma, o que faz uma pessoa conseguir tocar o que antes exigia uma agência.

Construída em público

Construímos em público desde o começo. Quando ainda era Argibee, compartilhamos a jornada no YouTube, do lançamento da lista de espera da Argibee até o primeiro vídeo em que mostramos a Groselia. O resto da história, vídeo a vídeo, está no nosso canal ↗.

Eu queria que a marca da Groselia fosse ousada: algo que faz as pessoas pararem para olhar, no site, no app e em cada post das nossas redes. Onde quer que alguém a encontre, ela tem que impressionar, arrancar um pouco de admiração e dar vontade de nos contratar pelo que a pessoa acabou de ver. Acima de tudo, ela tinha que ficar incrível para startups de tecnologia, o ecossistema do qual fazemos parte e os primeiros clientes para quem construímos.

Desenhei a marca inteira usando o plugin do Figma dentro do Codex: o logo, a tipografia e como ela se encaixa com o símbolo nas proporções certas, as imagens, a biblioteca de ícones em SVG, os estilos de texto e uma paleta de cores organizada. Cada decisão foi para um único board, medida, para poder ser comparada e discutida.

O símbolo

O símbolo veio primeiro e ficou. Três pétalas suaves girando em torno de um centro: ele veio desde a primeiríssima versão da empresa, e o novo logo foi construído em volta dele, não por cima: a geometria foi copiada e escalada, nunca redesenhada.

O logotipo

O logotipo usa TT Commons Pro Bold, em minúsculas, convertido em vetores para renderizar igual em qualquer lugar. No espaçamento natural ele parecia solto ao lado do símbolo, então apertei para −4% de tracking, movendo cada letra 6,4 unidades a mais para a esquerda em 160px. Parece pouco; levou a palavra de 564 para 520 unidades de largura e fez ela ser lida como uma forma só.

Um grid de H

Tudo é medido em H, a altura visível do logotipo, num grid de H/10. Assim o logo escala sem ninguém precisar acertar no olho de novo.

Para o logo empilhado desenhei seis opções, três tamanhos de símbolo (1,50H, 1,75H, 2,00H) contra dois espaçamentos (0,15H, 0,25H), e escolhemos B: símbolo de 1,75H, 0,15H acima da palavra. Para o horizontal comparei espaçamentos de 0,20H a 0,35H e fechei em símbolo de 1,10H com espaçamento de 0,35H.

Horizontal

Símbolo 1,10H · espaço 0,35H

Empilhado

Símbolo 1,75H · espaço 0,15H

Símbolo

Proporção original, 0,93 : 1

Colour

The palette is fifteen colours, loud on purpose. But the logo only ever comes in four treatments: blue symbol with black text, blue with white, all black and all white. The other colours are grounds, never the symbol.

To prove that, I put the symbol and both lockups on twelve backgrounds, 24 studies each, and kept the ones where its silhouette survives. On blue grounds the symbol goes monochrome. Click a colour to copy it.

Tipografia

A TT Commons Pro dá conta de tudo: seis pesos, do Light ao ExtraBold, uma escala de onze passos de 12 a 96px e itálicos de verdade. Migrei as 688 camadas de texto do arquivo para ela, então o brand book, o app e o site agora falam com uma voz só.

Ícone do app

O ícone do app é o único lugar onde a marca vira 3D: o símbolo em porcelana, em camadas, iluminado de cima e com um leve brilho. Numa atualização posterior diminuí o símbolo dentro dele em 10% para ele respirar no quadrado. Ele também tem o próprio lockup com o logotipo, o ícone em 1,5H.

Um mundo de objetos 3D

Em volta do logo vive um elenco de objetos 3D: um coração com olhinhos esbugalhados, balões de chat, uma hashtag, brilhos. Eles são a voz da marca no site e nos nossos posts, e nunca ficam parados: flutuam e, no site, reagem ao cursor. Estes aqui também: empurre, ou puxe um para trás e solte.

Neo doodles

Para tudo o que é chapado existe o Neo, nosso conjunto de ícones: contornos pretos grossos, preenchimentos da paleta e um brilho branco. No site, cada um começa como um ícone de linha simples num chip branco e vira o doodle quando você passa o mouse, com as partes chegando uma de cada vez: o disco salta, as barras caem, o brilho se desenha. Estes são os doodles e a animação do próprio site, copiados do jeito que são. Passe o mouse em um.

Tudo na Groselia é feito digitando num único chat. Você escreve o que deve sair e quando, e ela agenda, publica, responde os comentários e conta o que funcionou. O trabalho chega como um plano que o dono aprova, em vez de uma dúzia de telas para operar.

Principais recursos

• Um brand kit a partir de um link

  Cole um site e conecte suas contas. A Groselia lê o site, analisa seus posts anteriores e preenche sozinha logo, cores, fontes, voz e público.

• Uma conversa

  Um agente de IA com 41 ferramentas escreve legendas para as suas mídias, escolhe horários a partir dos seus próprios dados de engajamento, lê métricas e rascunha respostas, e depois junta tudo num plano.

• Um calendário para oito redes

  Instagram, LinkedIn, TikTok, YouTube, X, Facebook, Threads e Reddit, cada uma no formato nativo, com os posts antigos importados para o calendário nunca ficar vazio.

• Todo comentário respondido

  Comentários e DMs de todas as redes numa única caixa de entrada, com respostas rascunhadas na voz da marca e qualquer coisa sensível guardada para uma pessoa.

• Insights em linguagem simples

  Alcance, visualizações e engajamento em todas as contas, com honestidade sobre o que cada plataforma reporta ou não, e uma resposta para “o que está funcionando?”.

• Ciclos e aprovações

  O trabalho roda em ciclos. Cada um abre com uma reunião e fecha com um relatório que a IA escreve a partir dos números, e cada post pode esperar a aprovação do cliente.

Construída com agentes de IA

Construí a Groselia com agentes de IA como meu time de engenharia. O Codex e o Claude Code escreveram o código, cada mudança na sua própria branch, enquanto eu desenhava, revisava cada pull request e decidia o que ia para produção.

E falei a maioria dos meus prompts em vez de digitar, com o Wispr Flow. Um bom prompt é um briefing longo e detalhado, e falando eu conseguia passar um na velocidade em que pensava.

• 

  Codex

  Agente de código

• 

  Claude Code

  Agente de código

• 

  Wispr Flow

  Ditado por voz

O site é onde a marca fala alto. Desenhei e construí em Next.js. Ele está em dezessete idiomas e passa o idioma de cada visitante para o app quando a pessoa se cadastra.

Um hero para brincar

O logo gira enquanto a página carrega, e depois vem o hero: objetos 3D que flutuam, se inclinam com o mouse e são empurrados pelo cursor, e uma cena de scroll que termina em “Feito para você”.

groselia.com

O app de verdade, refeito

“Inside your Groselia” mostra a plataforma como ela é, refeita em código a partir das telas do próprio app, com uma marca de demonstração.

groselia.com

Um blog

Notas sobre cuidar de redes sociais. Os posts são arquivos MDX simples, um por idioma, sem CMS, e cada um tem o próprio feed e dados estruturados para buscadores e assistentes de IA lerem direito.

groselia.com

Um formulário que qualifica leads

Todo “Agendar uma conversa” abre um formulário curto antes da agenda: quem você é, onde você posta, do que precisa e seu orçamento. Cada etapa é salva no nosso banco conforme você avança, então vemos até respostas pela metade, e um formulário completo avisa nosso time no Slack.

groselia.com

Responsivo, sempre

Cada página é desenhada também para celular, não só encolhida para caber. Onde não tem hover, as seções acordam quando chegam ao meio da tela.

Arquitetura

Construí a plataforma eu mesmo, com a IA como dupla. O app é React e Vite, a landing é Next.js, e os dois ficam num único projeto Supabase: Postgres com row-level security, auth, realtime e storage, e 47 edge functions. Tudo o que é lento ou agendado roda no Trigger.dev, as redes sociais passam por uma única API de publicação, e o Stripe cuida de planos, cartões e boleto.

Tem também um servidor MCP e um plugin do Codex, para a Groselia poder ser usada de dentro de um agente de IA: as mesmas marcas, posts e rascunhos, como ferramentas.

Onde é usado

Web appSiteServidor MCP

↓

O núcleo

Supabase

AuthPostgresRealtimeStorageEdge functions

↓

Por trás

LLMs de fronteiraTrigger.devAPI de publicaçãoStripePostHog

O app, o site e o servidor MCP ficam hospedados na Vercel.

Passe o mouse ou toque numa caixa para ver o que ela faz e com quem conversa.

O caminho de um post

O melhor jeito de ver como as partes se encaixam é seguir um post, de uma frase no chat até os números dele no Insights. Clique pelos passos, ou deixe rodar.

O agente

O agente roda nos melhores modelos do mercado, da Anthropic, da OpenAI e de outros provedores, como uma edge function com streaming e um loop de ferramentas. O modelo recebe 41 ferramentas próprias, além de busca e leitura na web, com até oito passos por turno. A parte difícil nunca foi o modelo. Foi garantir que o agente sempre saiba o que é verdade agora.

Então, a cada turno, antes de o modelo ver a mensagem, a função reconstrói o contexto a partir do banco: a data e a hora no fuso do dono, os documentos de memória da marca, o calendário ao vivo, os planos abertos, os documentos enviados e um resumo contínuo das mensagens mais antigas. A parte estável do prompt fica em cache por uma hora; esta parte nunca vai para o cache, então não tem como ficar desatualizada.

Duas regras moldaram o resto. Tudo o que é público ou irreversível vai para um plano que o dono aprova, nunca direto. E um post só existe se uma ferramenta o criou neste turno, o que acabou com a época em que o agente descrevia um trabalho que não tinha feito. E o agente não está preso a um modelo: quando um menor e mais barato ficou bom o bastante, passei o chat para ele, para cortar o custo por conversa.

Contexto, refeito a cada turno

Instruções e ferramentasem cache por uma hora

Data e horao fuso horário do dono

Documentos de memóriapreferências, o que fazer e o que evitar

Calendário ao vivocada post e o status dele

Planos abertospropostos e aprovados

A história até aquium resumo contínuo

→O LLMModelos de ponta · até 8 passos→

Chamadas de ferramentas

✓get_posting_times

✓get_insights

✓propose_plan

Plano aguardando aprovação

Semana da safra: 3 posts, 4 respostas

// Volatile block: time + memory + live calendar + active plans + rolling summary.
// Rebuilt each turn (never cached) so the agent always sees current state.
const volatileSystem = () => {
  const parts = [
    nowBlock,
    renderMemories(memories),
    renderCalendar(calendar, todayISO),
    renderPlans(plans),
  ]
  if (documents.length) parts.push(renderDocuments(documents))
  if (rollingSummary) parts.push(`STORY SO FAR (summary of earlier messages in THIS conversation):\n${rollingSummary}`)
  // … then a line for each of the brand's other conversations
  return parts.join('\n\n')
}

Modelo de dados

Umas 55 tabelas, em poucos grupos claros. Um workspace tem membros e marcas; todo o resto pendura na marca, então a row-level security responde uma única pergunta em todo lugar: essa pessoa é membro dessa marca?

Confiabilidade e segurança

A Groselia publica em contas reais, então as falhas caras são um post saindo duas vezes, ou um post que silenciosamente nunca sai. A maior parte da engenharia está aí.

Por um tempo, meu app local e o de produção compartilhavam um único banco de produção, e uma migração que rodou antes de um deploy uma vez esvaziou a página de Brand Kits ao vivo. Desde então, o trabalho de backend acontece primeiro numa branch do Supabase e entra em produção junto com o código que precisa dele.

Qualidade e fluxo de trabalho

Cerca de 1.000 casos de teste em 140 arquivos cobrem o app, o servidor MCP e as edge functions. Algumas checagens existem porque algo quebrou uma vez: um teste de paridade quebra o build se qualquer um dos 17 idiomas estiver sem uma chave, e as suítes de banco do MCP rodam com dados sintéticos e fazem rollback no final.

O agente tem os próprios evals. Um deles faz ao agente em produção um conjunto fixo de perguntas sobre o desempenho de uma marca, cada uma numa conversa nova, e confere se ele leu o Insights com o período certo e se a resposta traz os mesmos números que a página do Insights mostra.

Uma pessoa entregou mais de 520 pull requests tratando agentes de IA como um time. Cada mudança ganha a própria branch na própria git worktree, então o Claude Code e o Codex podem trabalhar em várias coisas ao mesmo tempo sem um atropelar o outro. Cada um roda os testes e o type check, abre um pull request pequeno, e nada é mergeado antes de eu ler.

Cada um parecia um bug na interface e acabou sendo algo mais profundo: o formato de um stream, um timestamp, o que uma rede realmente reporta, um relógio.

export function sameInstant(a: string | null | undefined, b: string | null | undefined): boolean {
  if (a == null && b == null) return true;
  if (a == null || b == null) return false;
  if (a === b) return true;
  const ta = Date.parse(a);
  const tb = Date.parse(b);
  return Number.isFinite(ta) && Number.isFinite(tb) && ta === tb;
}