Groselia

Costruire ha smesso di essere il collo di bottiglia. Lo è diventato farsi vedere.

L'AI ha fatto crollare il costo di creare software. Un founder senza un background da ingegnere oggi può lanciare un prodotto in un weekend, e così tutti gli altri. Quello che non è diventato più economico è farlo notare a qualcuno. La distribuzione è un'attività continua, non un compito: pubblicare ogni giorno, su otto social che vogliono ognuno un formato diverso, rispondere a ogni commento e leggere numeri che ogni app riporta in modo diverso.

Le startup lo pagano in uno di tre modi. Assumono un team che non possono ancora permettersi, mettono insieme una dozzina di strumenti che risolvono ognuno un pezzetto, oppure non pubblicano niente e lo pagano in crescita. Groselia esiste per essere la quarta opzione.

Groselia ha cambiato forma quattro volte prima di trovare ciò che è. Ogni svolta ha tenuto quello che funzionava e lasciato il resto.

1. 

   Fine 2025 – feb 2026

   Argibee

   Una piattaforma di brand design con l'AI. È nata come prototipo alla fine del 2025 ed è diventata una vera azienda a febbraio 2026. Non ha trovato il suo mercato, ma il suo motore di brand kit è diventato la spina dorsale di tutto ciò che è venuto dopo.

2. 

   Apr 2026

   Video in motion

   Groselia è partito come video di lancio in stile Apple, realizzati da template di After Effects. Ho validato tutta la pipeline a mano, e poi ho visto che non poteva scalare al livello di qualità che volevamo.

3. 

   Giu 2026

   Pre-seed da Link Vector

   Siamo entrati nella Startup School della Link School of Business, un programma di 100 giorni per founder girato come un reality (guarda la stagione ↗). Si è chiuso con un demo day in cui ho presentato Groselia sul palco, e con il nostro pre-seed da R$100k di Link Vector, l'acceleratore della Link School of Business, dove mi sono laureato.

   

4. Ago 2026

   Il Lovable del marketing

   Una conversazione invece di un modulo: descrivi la campagna e Groselia la pianifica, la scrive e la pubblica. Un agente in chat con degli strumenti, non una squadra di bot.

5. Set 2026

   Un social media manager

   I clienti non volevano che l'AI creasse i loro contenuti. Volevano che le loro foto venissero pubblicate bene e che i commenti avessero una risposta. Abbiamo tolto la generazione e ci siamo concentrati sulla gestione dei canali.

6. 

   Oggi

   Service as a software

   Vendiamo il lavoro, non lo strumento. Il nostro team gestisce i social di ogni cliente sulla piattaforma, così una sola persona può fare quello che prima richiedeva un'agenzia.

Costruito in pubblico

Abbiamo costruito in pubblico fin dall'inizio. Ai tempi di Argibee raccontavamo il percorso su YouTube, dal lancio della waitlist di Argibee al primo video in cui mostravamo Groselia. Il resto della storia, video dopo video, è sul nostro canale ↗.

Volevo che il brand di Groselia fosse audace: qualcosa che faccia fermare le persone a guardare, sul sito, nell'app e in ogni post sui nostri social. Ovunque qualcuno lo incontri, deve colpirlo, guadagnarsi un po' di ammirazione e fargli venire voglia di lavorare con noi per quello che ha appena visto. Soprattutto doveva sembrare fantastico alle startup tech, l'ecosistema di cui facciamo parte e i primi clienti per cui costruiamo.

Ho progettato tutto il brand usando il plugin di Figma dentro Codex: il logo, la tipografia e come si compone con il simbolo nelle giuste proporzioni, le immagini, la libreria di icone SVG, gli stili di testo e una palette di colori ordinata. Ogni decisione finiva su un'unica board, misurata, così da poterla confrontare e discutere.

Il simbolo

Il simbolo è arrivato per primo ed è rimasto. Tre petali morbidi che ruotano attorno a un centro: viene dalla primissima versione dell'azienda, e il nuovo logo è stato costruito intorno a lui invece che sopra. La sua geometria è stata copiata e scalata, mai ridisegnata.

Il logotipo

Il logotipo è in TT Commons Pro Bold, minuscolo, convertito in vettori così da rendere uguale ovunque. Con la sua spaziatura naturale sembrava largo accanto al simbolo, così l'ho stretto a −4% di tracking spostando ogni lettera di altre 6,4 unità a sinistra a 160px. Sembra niente; la parola è passata da 564 a 520 unità di larghezza e ora si legge come una forma sola.

Una griglia in H

Tutto è misurato in H, l'altezza visibile del logotipo, su una griglia di H/10. Così il logo si scala senza che nessuno debba riaggiustarlo a occhio.

Per il logo verticale ho disegnato sei opzioni, tre dimensioni del simbolo (1,50H, 1,75H, 2,00H) per due spaziature (0,15H, 0,25H), e abbiamo scelto B: un simbolo da 1,75H, 0,15H sopra la parola. Per quello orizzontale ho confrontato spaziature da 0,20H a 0,35H e ho scelto un simbolo da 1,10H con una spaziatura di 0,35H.

Orizzontale

Simbolo 1,10H · spaziatura 0,35H

Verticale

Simbolo 1,75H · spaziatura 0,15H

Simbolo

Proporzioni originali, 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

TT Commons Pro fa tutto: sei pesi da Light a ExtraBold, una scala di undici passi da 12 a 96px e veri corsivi. Ci ho migrato tutti i 688 livelli di testo del file, così brand book, app e sito ora parlano con una sola voce.

Icona dell'app

L'icona dell'app è l'unico posto in cui il brand diventa 3D: il simbolo in porcellana, a strati, illuminato dall'alto e un po' lucido. In un restyling successivo ho ridotto il simbolo del 10% al suo interno, così respira nel suo riquadro. Ha anche un suo lockup con il logotipo, con il riquadro a 1,5H.

Un mondo di oggetti 3D

Intorno al logo vive una compagnia di oggetti 3D: un cuore con gli occhi ballerini, nuvolette di chat, un hashtag, scintille. Sono la voce del brand sul sito e nei nostri post, e non stanno mai fermi: fluttuano, e sul sito reagiscono al cursore. Anche questi: spingili, oppure tirane uno indietro e lascialo andare.

Neo doodles

Per tutto ciò che è flat c'è Neo, il nostro set di icone: contorni neri spessi, riempimenti dalla palette e un solo riflesso bianco. Sul sito ognuna parte come una semplice icona lineare in un bollino bianco, e si trasforma nel suo doodle al passaggio del mouse, con i pezzi che arrivano uno alla volta: il disco spunta, le barre cadono, il riflesso si disegna. Sono i doodle e l'animazione del sito, copiati così come sono. Passaci sopra.

In Groselia tutto si fa scrivendo in un'unica chat. Scrivi cosa deve uscire e quando, e lui lo programma, lo pubblica, risponde ai commenti e ti dice cosa ha funzionato. Il lavoro arriva come un unico piano che il proprietario approva, invece di una dozzina di schermate da gestire.

Funzionalità principali

• Un brand kit da un link

  Incolla un sito web e collega i tuoi account. Groselia analizza il sito, legge i tuoi post passati e compila da solo logo, colori, font, tono e pubblico.

• Un'unica conversazione

  Un agente AI con 41 strumenti scrive le didascalie dei tuoi media, sceglie gli orari in base ai tuoi dati di coinvolgimento, legge le metriche e prepara le risposte, poi mette tutto insieme in un piano.

• Un calendario per otto social

  Instagram, LinkedIn, TikTok, YouTube, X, Facebook, Threads e Reddit, ognuno nel suo formato nativo, con i post passati importati così il calendario non è mai vuoto.

• Ogni commento ha una risposta

  Commenti e DM da tutti i social in un'unica posta in arrivo, con risposte preparate con la voce del brand e tutto ciò che è delicato lasciato a una persona.

• Insights in parole semplici

  Copertura, visualizzazioni e coinvolgimento su tutti gli account, onesti su cosa ogni piattaforma riporta e cosa no, e una risposta a “cosa sta funzionando?”.

• Cicli e approvazioni

  Il lavoro procede a cicli. Ognuno si apre con una riunione, si chiude con un report che l'AI scrive partendo dai numeri, e ogni post può aspettare l'approvazione del cliente.

Costruito con agenti AI

Ho costruito Groselia con degli agenti AI come team di ingegneria. Codex e Claude Code scrivevano il codice, ogni modifica sul suo branch, mentre io lo progettavo, revisionavo ogni pull request e decidevo cosa andava in produzione.

E la maggior parte dei prompt l'ho dettata invece di scriverla, con Wispr Flow. Un buon prompt è un brief lungo e dettagliato, e parlando potevo darlo alla stessa velocità con cui lo pensavo.

• 

  Codex

  Agente di coding

• 

  Claude Code

  Agente di coding

• 

  Wispr Flow

  Dettatura vocale

Il sito è dove il brand alza la voce. L'ho progettato e costruito in Next.js. È in diciassette lingue e, quando un visitatore si iscrive, passa la sua lingua all'app.

Un hero con cui giocare

Il logo gira mentre la pagina si carica, poi arriva l'hero: oggetti 3D che fluttuano, si inclinano con il mouse e vengono spinti dal cursore, e una scena allo scroll che finisce con “Made for you”.

groselia.com

La vera app, ricostruita

“Inside your Groselia” mostra la piattaforma così com'è, ricostruita in codice dalle schermate dell'app stessa con un brand demo.

groselia.com

Un blog

Note sulla gestione dei social. Gli articoli sono semplici file MDX, uno per lingua, senza CMS, e ognuno ha il suo feed e i suoi dati strutturati, così motori di ricerca e assistenti AI lo leggono nel modo giusto.

groselia.com

Un modulo che qualifica i lead

Ogni “Book a call” apre un breve modulo prima del calendario: chi sei, dove pubblichi, di cosa hai bisogno e il tuo budget. Ogni passaggio viene salvato nel nostro database man mano, così vediamo anche le risposte a metà, e un modulo completato avvisa il nostro team su Slack.

groselia.com

Responsive, sempre

Ogni pagina è pensata anche per il telefono, non solo rimpicciolita. Dove non c'è hover, le sezioni si attivano quando arrivano al centro dello schermo.

Architettura

Ho costruito la piattaforma da solo, con l'AI come compagna di lavoro. L'app è in React e Vite, la landing in Next.js, ed entrambe poggiano su un unico progetto Supabase: Postgres con row-level security, auth, realtime e storage, e 47 edge function. Tutto ciò che è lento o programmato gira su Trigger.dev, i social passano da un'unica API di pubblicazione e Stripe gestisce piani, carte e il boleto brasiliano.

C'è anche un server MCP e un plugin per Codex, così Groselia si può usare dall'interno di un agente AI: gli stessi brand, post e bozze, come strumenti.

Dove si usa

Web appSito webServer MCP

↓

Il nucleo

Supabase

AuthPostgresRealtimeStorageEdge functions

↓

Dietro le quinte

LLM di frontieraTrigger.devAPI di pubblicazioneStripePostHog

L'app, il sito web e il server MCP sono ospitati su Vercel.

Passa sopra o tocca un riquadro per vedere cosa fa e con cosa comunica.

Il viaggio di un post

Il modo migliore per vedere come si incastrano i pezzi è seguire un post, da una frase in chat fino ai suoi numeri in Insights. Clicca sui passaggi, o lasciali scorrere.

L'agente

L'agente gira sui migliori modelli sul mercato, di Anthropic, OpenAI e altri fornitori, come un'unica edge function in streaming con un ciclo di strumenti. Il modello ha 41 strumenti suoi più ricerca e lettura web, fino a otto passaggi per turno. La parte difficile non è mai stata il modello. Era assicurarsi che l'agente sappia sempre cosa è vero in questo momento.

Quindi a ogni turno, prima che il modello veda il messaggio, la funzione ricostruisce il contesto dal database: data e ora nel fuso orario del proprietario, i documenti di memoria del brand, il calendario in tempo reale, i piani aperti, i documenti caricati e un riassunto progressivo dei messaggi più vecchi. La parte stabile del prompt resta in cache per un'ora; questa parte non va mai in cache, così non può diventare vecchia.

Due regole hanno dato forma al resto. Tutto ciò che è pubblico o irreversibile entra in un piano che il proprietario approva, mai direttamente. E un post esiste solo se l'ha creato uno strumento in questo turno, il che ha chiuso l'epoca in cui l'agente descriveva lavoro che non aveva fatto. E l'agente non è legato a un solo modello: quando uno più piccolo ed economico è diventato abbastanza bravo, ci ho spostato la chat, per ridurre il costo per conversazione.

Il contesto, ricostruito a ogni turno

Istruzioni e strumentiin cache per un'ora

Data e orail fuso orario del proprietario

Documenti di memoriapreferenze, cose da fare e da evitare

Calendario in tempo realeogni post e il suo stato

Piani apertiproposti e approvati

La storia finoraun riassunto progressivo

→L'LLMModelli di punta · fino a 8 passaggi→

Chiamate agli strumenti

✓get_posting_times

✓get_insights

✓propose_plan

Piano in attesa di approvazione

Settimana del raccolto: 3 post, 4 risposte

// 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')
}

Modello dei dati

Circa 55 tabelle, in pochi gruppi chiari. Un workspace ha membri e brand; tutto il resto dipende dal brand, così la row-level security può rispondere ovunque a un'unica domanda: questa persona è membro di questo brand?

Affidabilità e sicurezza

Groselia pubblica su account veri, quindi i guasti costosi sono un post che esce due volte, o un post che in silenzio non esce mai. Gran parte dell'ingegneria sta lì.

Per un periodo la mia app locale e quella live condividevano un unico database di produzione, e una migrazione partita prima di un deploy una volta ha svuotato la pagina Brand Kit live. Da allora il lavoro di backend si fa prima su un branch di Supabase e va in produzione insieme al codice che ne ha bisogno.

Qualità e workflow

Circa 1.000 casi di test in 140 file coprono l'app, il server MCP e le edge function. Alcuni controlli esistono perché qualcosa una volta si è rotto: un test di parità fa fallire la build se in una delle 17 lingue manca una chiave, e le suite di database dell'MCP girano su dati sintetici e fanno rollback alla fine.

L'agente ha le sue eval. Una fa all'agente live una serie fissa di domande sulle performance di un brand, ognuna in una conversazione nuova, e verifica che abbia letto Insights sul periodo giusto e che la risposta riporti gli stessi numeri della pagina Insights.

Una sola persona ha rilasciato oltre 520 pull request trattando gli agenti AI come un team. Ogni modifica ha il suo branch nel suo git worktree, così Claude Code e Codex possono lavorare su più cose insieme senza pestarsi i piedi. Ognuno esegue i suoi test e i controlli dei tipi, apre una piccola pull request, e niente viene unito prima che l'abbia letto io.

Ognuno sembrava un bug dell'interfaccia e si è rivelato qualcosa di più profondo: la forma di uno stream, un timestamp, cosa riporta davvero un social, un orologio.

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;
}