Groselia

Bauen war nicht mehr der Engpass. Gesehen werden wurde es.

AI hat die Kosten für Software einbrechen lassen. Ein Gründer ohne technischen Hintergrund kann heute an einem Wochenende ein Produkt launchen, und alle anderen auch. Was nicht billiger wurde: dafür zu sorgen, dass es jemand bemerkt. Distribution ist ein fortlaufender Betrieb, keine Aufgabe: jeden Tag posten, auf acht Netzwerken, die jeweils ein anderes Format wollen, jeden Kommentar beantworten und Zahlen lesen, die jede App anders meldet.

Startups zahlen dafür auf eine von drei Arten. Sie stellen ein Team ein, das sie sich noch nicht leisten können, sie flicken ein Dutzend Tools zusammen, die jeweils nur ein Stück lösen, oder sie posten nichts und zahlen mit Wachstum. Groselia gibt es, um die vierte Option zu sein.

Groselia hat viermal die Form gewechselt, bevor es gefunden hat, was es ist. Jede Wendung hat behalten, was funktionierte, und den Rest fallen gelassen.

1. 

   Ende 2025 – Feb. 2026

   Argibee

   Eine AI-Plattform für Markendesign. Sie startete Ende 2025 als Prototyp und wurde im Februar 2026 ein echtes Unternehmen. Sie hat ihren Markt nicht gefunden, aber ihre Brand-Kit-Engine wurde das Rückgrat von allem, was danach kam.

2. 

   Apr. 2026

   Motion-Video

   Groselia begann mit Launch-Videos im Apple-Stil, gemacht aus After-Effects-Templates. Ich habe die ganze Pipeline von Hand validiert und dann gesehen, dass sie sich nicht auf das gewünschte Qualitätsniveau skalieren ließ.

3. 

   Juni 2026

   Pre-Seed von Link Vector

   Wir sind in die Startup School der Link School of Business eingestiegen, ein 100-tägiges Programm für Gründer, gefilmt als Reality-Show (zur Staffel ↗). Es endete mit einem Demo Day, an dem ich Groselia auf der Bühne gepitcht habe, und mit unserer Pre-Seed-Runde über R$100k von Link Vector, dem Accelerator der Link School of Business, an der ich meinen Abschluss gemacht habe.

   

4. Aug. 2026

   Lovable fürs Marketing

   Eine Unterhaltung statt eines Formulars: Beschreib die Kampagne, und Groselia plant, schreibt und veröffentlicht sie. Ein Chat-Agent mit Tools, keine Riege von Bots.

5. Sept. 2026

   Ein Social Media Manager

   Kunden wollten nicht, dass AI ihren Content macht. Sie wollten, dass ihre eigenen Fotos gut gepostet und ihre Kommentare beantwortet werden. Wir haben die Generierung gestrichen und uns ganz auf das Betreuen der Kanäle konzentriert.

6. 

   Heute

   Service as a Software

   Wir verkaufen die Arbeit, nicht das Tool. Unser Team betreut das Social Media jedes Kunden auf der Plattform, wodurch eine Person schaffen kann, wofür früher eine Agentur nötig war.

Öffentlich gebaut

Wir haben von Anfang an öffentlich gebaut. Damals, als es noch Argibee hieß, haben wir den Weg auf YouTube geteilt, vom Launch der Warteliste von Argibee bis zum ersten Video, in dem wir Groselia gezeigt haben. Den Rest der Geschichte, Video für Video, gibt es auf unserem Kanal ↗.

Ich wollte, dass die Marke von Groselia mutig ist: etwas, bei dem Leute innehalten und hinschauen – auf der Website, in der App und in jedem Post auf unseren Social-Media-Kanälen. Wo auch immer jemand ihr begegnet, soll sie beeindrucken, ein bisschen Bewunderung auslösen und Lust machen, uns zu beauftragen, wegen dem, was man gerade gesehen hat. Vor allem musste sie für Tech-Startups großartig aussehen: das Ökosystem, zu dem wir gehören, und die Kunden, für die wir zuerst bauen.

Ich habe die gesamte Marke mit dem Figma-Plugin in Codex gestaltet: das Logo, die Typografie und wie sie in den richtigen Proportionen mit dem Symbol zusammensteht, die Bildwelt, die SVG-Icon-Bibliothek, die Textstile und eine geordnete Farbpalette. Jede Entscheidung kam auf ein Board, vermessen, damit man sie vergleichen und darüber streiten konnte.

Das Symbol

Das Symbol kam zuerst und ist geblieben. Drei weiche Blütenblätter, die sich um eine Mitte drehen; es stammt noch aus der allerersten Version des Unternehmens, und das neue Logo wurde um es herum gebaut, nicht darüber: Seine Geometrie wurde kopiert und skaliert, nie neu gezeichnet.

Die Wortmarke

Die Wortmarke ist TT Commons Pro Bold, in Kleinbuchstaben, in Vektoren umgewandelt, damit sie überall gleich aussieht. Mit der natürlichen Laufweite wirkte sie neben dem Symbol locker, also habe ich sie auf −4 % Tracking enger gesetzt, indem ich jeden Buchstaben bei 160 px um zusätzliche 6,4 Einheiten nach links verschoben habe. Klingt winzig; das Wort wurde dadurch von 564 auf 520 Einheiten schmaler und liest sich als eine Form.

Ein Raster aus H

Alles wird in H gemessen, der sichtbaren Höhe der Wortmarke, auf einem Raster von H/10. So skaliert das Logo, ohne dass jemand es je wieder nach Augenmaß anpassen muss.

Für das gestapelte Logo habe ich sechs Varianten gezeichnet, drei Symbolgrößen (1,50H, 1,75H, 2,00H) gegen zwei Abstände (0,15H, 0,25H), und wir haben uns für B entschieden: ein Symbol mit 1,75H, 0,15H über dem Wort. Für das horizontale habe ich Abstände von 0,20H bis 0,35H verglichen und mich für ein Symbol mit 1,10H und 0,35H Abstand entschieden.

Horizontal

Symbol 1,10H · Abstand 0,35H

Gestapelt

Symbol 1,75H · Abstand 0,15H

Symbol

Originalverhältnis, 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.

Typografie

TT Commons Pro erledigt jeden Job: sechs Schnitte von Light bis ExtraBold, eine elfstufige Skala von 12 bis 96 px und echte Kursive. Ich habe alle 688 Textebenen der Datei darauf umgestellt, damit Brand Book, App und Website jetzt mit einer Stimme sprechen.

App-Icon

Das App-Icon ist der einzige Ort, an dem die Marke 3D wird: das Symbol aus Porzellan, geschichtet, von oben beleuchtet und leicht glänzend. Bei einem späteren Refresh habe ich das Symbol darin um 10 % verkleinert, damit es in seiner Kachel atmen kann. Es bekommt auch ein eigenes Lockup mit der Wortmarke, die Kachel bei 1,5H.

Eine Welt aus 3D-Objekten

Rund um das Logo lebt eine Truppe aus 3D-Objekten: ein Herz mit Wackelaugen, Sprechblasen, ein Hashtag, Funkeln. Sie sind die Stimme der Marke auf der Website und in unseren Posts, und sie stehen nie still: Sie schweben, und auf der Website reagieren sie auf den Cursor. Diese hier auch: Schubs sie an, oder zieh eins zurück und lass es los.

Neo-Doodles

Für alles Flache gibt es Neo, unser Icon-Set: dicke schwarze Konturen, Füllungen aus der Palette und ein weißer Glanzpunkt. Auf der Website beginnt jedes als schlichtes Linien-Icon in einem weißen Chip und verwandelt sich beim Hovern in sein Doodle, Teil für Teil: Die Scheibe ploppt auf, die Balken fallen, der Glanz zeichnet sich. Das sind die Doodles und Animationen der Website selbst, unverändert übernommen. Fahr über eins.

Alles in Groselia passiert per Tippen in einem einzigen Chat. Du schreibst, was rausgehen soll und wann, und Groselia plant es, veröffentlicht es, beantwortet die Kommentare und sagt dir, was funktioniert hat. Die Arbeit kommt als ein Plan, den der Inhaber freigibt, statt einem Dutzend Screens, die man bedienen muss.

Wichtigste Funktionen

• Ein Brand Kit aus einem Link

  Füg eine Website ein und verbinde deine Konten. Groselia liest die Website aus, wertet deine bisherigen Posts aus und füllt Logo, Farben, Schriften, Tonalität und Zielgruppe von selbst aus.

• Eine Unterhaltung

  Ein AI-Agent mit 41 Tools schreibt Captions zu deinen Medien, wählt Zeiten anhand deiner eigenen Engagement-Daten, liest Kennzahlen und entwirft Antworten – und bündelt dann alles in einem Plan.

• Ein Kalender für acht Netzwerke

  Instagram, LinkedIn, TikTok, YouTube, X, Facebook, Threads und Reddit, jeweils im nativen Format, mit importierten früheren Posts, damit der Kalender nie leer ist.

• Jeder Kommentar beantwortet

  Kommentare und DMs aus allen Netzwerken in einer Inbox, mit Antwortentwürfen im Ton der Marke; alles Heikle wird für einen Menschen zurückgehalten.

• Insights in verständlicher Sprache

  Reichweite, Aufrufe und Engagement über alle Konten, ehrlich darüber, was jede Plattform meldet und was nicht, und eine Antwort auf „Was funktioniert?“.

• Zyklen und Freigaben

  Die Arbeit läuft in Zyklen. Jeder beginnt mit einem Meeting und endet mit einem Report, den die AI aus den Zahlen schreibt, und jeder Post kann auf die Freigabe des Kunden warten.

Gebaut mit AI-Agenten

Ich habe Groselia mit AI-Agenten als meinem Engineering-Team gebaut. Codex und Claude Code haben den Code geschrieben, jede Änderung auf einem eigenen Branch, während ich entworfen, jeden Pull Request reviewt und entschieden habe, was live geht.

Und die meisten Prompts habe ich gesprochen statt getippt, mit Wispr Flow. Ein guter Prompt ist ein langes, detailliertes Briefing, und durch Sprechen konnte ich es so schnell geben, wie ich denke.

• 

  Codex

  Coding-Agent

• 

  Claude Code

  Coding-Agent

• 

  Wispr Flow

  Spracheingabe

Auf der Website wird die Marke laut. Ich habe sie in Next.js gestaltet und gebaut. Sie gibt es in siebzehn Sprachen, und bei der Registrierung gibt sie die Sprache jedes Besuchers an die App weiter.

Ein Hero zum Spielen

Während die Seite lädt, dreht sich das Logo herein, dann kommt der Hero: 3D-Objekte, die schweben, sich mit der Maus neigen und vom Cursor herumgeschubst werden, und eine Scroll-Szene, die mit „Made for you“ endet.

groselia.com

Die echte App, nachgebaut

„Inside your Groselia“ zeigt die Plattform so, wie sie ist, im Code nachgebaut aus den echten Screens der App, mit einer Demo-Marke.

groselia.com

Ein Blog

Notizen zum Betreuen von Social Media. Die Beiträge sind schlichte MDX-Dateien, eine pro Sprache, ohne CMS, und jeder bekommt einen eigenen Feed und strukturierte Daten, damit Suchmaschinen und AI-Assistenten ihn richtig lesen.

groselia.com

Ein Formular, das Leads qualifiziert

Jedes „Book a call“ öffnet vor dem Kalender ein kurzes Formular: wer du bist, wo du postest, was du brauchst und dein Budget. Jeder Schritt wird direkt in unserer Datenbank gespeichert, sodass wir auch halb ausgefüllte Antworten sehen, und ein fertiges Formular pingt unser Team auf Slack an.

groselia.com

Immer responsiv

Jede Seite ist auch fürs Handy gestaltet, nicht nur kleingeschrumpft. Wo es kein Hovern gibt, erwachen die Abschnitte, sobald sie die Mitte des Bildschirms erreichen.

Architektur

Ich habe die Plattform selbst gebaut, mit AI als Pair. Die App ist React und Vite, die Landingpage Next.js, und beide laufen auf einem Supabase-Projekt: Postgres mit Row-Level Security, Auth, Realtime und Storage sowie 47 Edge Functions. Alles, was langsam oder zeitgesteuert ist, läuft auf Trigger.dev, die sozialen Netzwerke kommen über eine einzige Publishing-API, und Stripe kümmert sich um Tarife, Karten und brasilianisches Boleto.

Es gibt außerdem einen MCP-Server und ein Codex-Plugin, sodass man Groselia direkt aus einem AI-Agenten heraus nutzen kann: dieselben Marken, Posts und Entwürfe, als Tools.

Wo es genutzt wird

Web-AppWebsiteMCP-Server

↓

Der Kern

Supabase

AuthPostgresRealtimeStorageEdge Functions

↓

Dahinter

Frontier-LLMsTrigger.devPublishing-APIStripePostHog

App, Website und MCP-Server laufen auf Vercel.

Fahre über ein Feld oder tippe darauf, um zu sehen, was es macht und womit es spricht.

Der Weg eines Posts

Am besten sieht man, wie die Teile zusammenpassen, wenn man einem Post folgt, von einem Satz im Chat bis zu seinen Zahlen in Insights. Klick dich durch die Schritte oder lass sie abspielen.

Der Agent

Der Agent läuft auf den besten Modellen am Markt, von Anthropic, OpenAI und anderen Anbietern, als eine streamende Edge Function mit einer Tool-Schleife. Das Modell bekommt 41 eigene Tools plus Websuche und Web-Fetch, bis zu acht Schritte pro Zug. Das Schwierige war nie das Modell. Sondern sicherzustellen, dass der Agent immer weiß, was gerade wirklich stimmt.

Deshalb baut die Funktion bei jedem Zug, bevor das Modell die Nachricht sieht, den Kontext aus der Datenbank neu auf: Datum und Uhrzeit in der Zeitzone des Inhabers, die Memory-Dokumente der Marke, den Live-Kalender, die offenen Pläne, hochgeladene Dokumente und eine fortlaufende Zusammenfassung älterer Nachrichten. Der stabile Teil des Prompts wird eine Stunde gecacht; dieser Teil nie, damit er nicht veralten kann.

Zwei Regeln haben den Rest geprägt. Alles Öffentliche oder Unumkehrbare kommt in einen Plan, den der Inhaber freigibt, nie direkt raus. Und ein Post existiert nur, wenn ein Tool ihn in diesem Zug erstellt hat – damit waren die Zeiten vorbei, in denen der Agent Arbeit beschrieb, die er gar nicht gemacht hatte. Außerdem ist der Agent an kein Modell gebunden: Als ein kleineres, günstigeres gut genug wurde, habe ich den Chat darauf umgestellt, um die Kosten pro Unterhaltung zu senken.

Kontext, bei jedem Zug neu aufgebaut

Anweisungen und Toolseine Stunde gecacht

Datum und Uhrzeitdie Zeitzone des Inhabers

Memory-DokumenteVorlieben, Dos and Don'ts

Live-Kalenderjeder Post und sein Status

Offene Plänevorgeschlagen und freigegeben

Bisheriger Verlaufeine fortlaufende Zusammenfassung

→Das LLMTop-Modelle · bis zu 8 Schritte→

Tool-Aufrufe

✓get_posting_times

✓get_insights

✓propose_plan

Plan, wartet auf Freigabe

Erntewoche: 3 Posts, 4 Antworten

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

Datenmodell

Rund 55 Tabellen in ein paar klaren Gruppen. Ein Workspace hat Mitglieder und Marken; alles andere hängt an der Marke, sodass Row-Level Security überall eine einzige Frage beantworten kann: Ist diese Person Mitglied dieser Marke?

Zuverlässigkeit und Sicherheit

Groselia veröffentlicht auf echten Konten, also sind die teuren Fehler ein Post, der doppelt rausgeht, oder einer, der stillschweigend nie rausgeht. Dort steckt der Großteil der Technik.

Eine Zeit lang teilten sich meine lokale App und die Live-App eine einzige Produktionsdatenbank, und eine Migration, die vor einem Deploy lief, hat einmal die Live-Seite der Brand Kits geleert. Seitdem passiert Backend-Arbeit zuerst auf einem Supabase-Branch und wird zusammen mit dem Code, der sie braucht, in die Produktion gemergt.

Qualität und Workflow

Etwa 1.000 Testfälle in 140 Testdateien decken die App, den MCP-Server und die Edge Functions ab. Manche Checks gibt es, weil etwas einmal kaputtgegangen ist: Ein Paritätstest lässt den Build scheitern, wenn einer der 17 Sprachen ein Key fehlt, und die Datenbank-Suites für den MCP laufen auf synthetischen Daten und werden am Ende zurückgerollt.

Der Agent hat eigene Evals. Eine stellt dem Live-Agenten einen festen Satz Fragen zur Performance einer Marke, jede in einer neuen Unterhaltung, und prüft, ob er Insights mit dem richtigen Zeitraum gelesen hat und ob seine Antwort dieselben Zahlen enthält, die die Insights-Seite zeigt.

Eine Person hat über 520 Pull Requests ausgeliefert, indem sie AI-Agenten wie ein Team behandelt hat. Jede Änderung bekommt ihren eigenen Branch in einem eigenen Git-Worktree, sodass Claude Code und Codex an mehreren Dingen gleichzeitig arbeiten können, ohne sich in die Quere zu kommen. Jeder lässt seine Tests und Type Checks laufen, öffnet einen kleinen Pull Request, und nichts wird gemergt, bevor ich es gelesen habe.

Jedes sah aus wie ein Bug in der Oberfläche und entpuppte sich als etwas Tieferes: die Form eines Streams, ein Zeitstempel, was ein Netzwerk wirklich meldet, eine Uhr.

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