D · 03 · TECHNISCHE WRITE-UP
Clout Cannon.
Een contentfabriek voor LinkedIn, in vier kamers.
Ideeën erin, gepolijste LinkedIn-posts eruit. Elke post doorloopt vier kamers — Supply, Writer Camp, Art Department, World — met AI-hulp in elke fase en een centraal Brain dat merkstem + visuele stijl er consistent doorheen houdt.
01 · DE VIER KAMERS
Een post zit in één kamer tegelijk.
Elke kamer heeft zijn eigen mogelijkheden, zijn eigen AI-tools en zijn eigen visuele thema. De fabrieksmetafoor is ook hoe de code is opgebouwd.
| Kamer | Taak | Wat het doet |
|---|---|---|
| Supply Room | Ingrediënten verzamelen + bundelen | Gooi er URL's, tekstnotities en afbeeldingen in. Gemini bundelt verwante ingrediënten automatisch. Ingrediënten zijn herbruikbaar — één bronfragment kan meerdere posts voeden. Visuele indicatoren tonen gebruikt versus ongebruikt. |
| Writer Camp | AI-schrijven + redigeren | Genereert automatisch een post uit de gekozen ingrediënten op basis van je Writing Vibe. Zes redactietools (langer / korter / professioneler / informeler / typefouten verbeteren / humor toevoegen). Twaalf schrijfpersona's via de Archetype Intervention-modal. Realtime AI-feedback + kwaliteitsscore. |
| Art Department | Visuele content genereren | Zes visuele archetypes (3 illustraties + 3 fotografiestijlen). Gemini-beeldgeneratie geconditioneerd op merkrichtlijnen die in het AI Brain zijn opgeslagen. Sla over naar World of voeg gegenereerde afbeeldingen aan de post toe. |
| World | Inplannen + publiceren | Plan posts in voor LinkedIn. Beheer van gepubliceerde posts, het volgen van engagement, realtime analytics. Een Cloud Function verzorgt de daadwerkelijke LinkedIn API-integratie. |
02 · HET AI BRAIN
De instellingen die alle vier kamers uitlezen.
Het Brain-paneel is vanuit elke kamer bereikbaar via Brain Settings. Het heeft vandaag twee tabbladen, Illustrator en Archetype Intervention; een Writer-tabblad staat als volgende op de roadmap:
- Illustrator — bouwer van merkrichtlijnen (kleuren, visuele stijl, compositie, sfeer, typografie), AI-stijlinferentie (upload afbeeldingen / documenten / URL's zodat Gemini ze analyseert), bekijk-/bewerkmodus met bewerkbeveiliging, zes visuele archetypes.
- Writer — kalibratie van schrijfstijl, training op consistentie van de stem, toonvoorkeuren, analyse van voorbeeldposts. Komt binnenkort.
- Archetype Intervention — twaalf schrijfpersona's die als een modal vanuit Writer Camp verschijnen wanneer een post een scherpere stem nodig heeft.
03 · VISUELE ARCHETYPES
Zes. Drie illustraties, drie fotografiestijlen.
Elk beeld dat het Art Department maakt, wordt geconditioneerd op een van zes archetypes. Door het register vooraf te benoemen wordt het resultaat bruikbaar. De drie illustratiestijlen vallen netjes op een as Corporate / Editorial / Anti-design; de drie fotostijlen volgen diezelfde as in een ander medium.
| Archetype | Categorie | Toelichting |
|---|---|---|
| Corporate Memphis | Illustratie | De cartoonstijl: platte vectoren, felle kleuren, wanverhoudingen in de ledematen, minimale gelaatstrekken. De dominante standaard voor LinkedIn-illustraties. |
| Conceptual Editorial | Illustratie | Visuele metafoor / allegorie voor complexe ideeën. Getextureerde, genuanceerde paletten. Het register van een NYT-opinieartikel. |
| Surrealism / Brutalism | Illustratie | Realiteit vermengd met droomachtige elementen. Ruwe vormen, anti-design, onlogische composities. |
| Authentic & Candid | Fotografie | Anti-stockfoto. Ongeënsceneerde momenten, echte emoties, natuurlijk licht in echte werkomgevingen. |
| High-Concept Metaphorical | Fotografie | Objecten als symbolen. Geënsceneerd, strak, minimalistisch. Schaakstukken = strategie, gloeilampen = ideeën. |
| Creative Abstract | Fotografie | Niet-figuratief. Geen herkenbare onderwerpen — vorm, kleur, lijn, textuur, beweging. |
04 · OPVALLENDE ONTWERPKEUZES
De niet voor de hand liggende beslissingen.
- Kamerovergangen zijn expliciet
- Elke kamer is een afzonderlijke fase met afzonderlijke mogelijkheden. Een post kan niet 'bijna in twee kamers tegelijk' zijn. Kamerovergangen zijn expliciet, het Post-model draagt de kamer als status, en de navigatie laat zien in welke kamer je zit.
- Ingrediënten zijn herbruikbaar
- Hetzelfde bronfragment kan meerdere posts voeden. De Supply Room houdt gebruikt versus ongebruikt bij. Bundelsuggesties bevatten hergebruikte ingrediënten, zodat een ingrediënt met een lange levensduur (een mooie quote, een grafiek) zich blijft terugverdienen.
- Het AI Brain is een configuratielaag, geen modellaag
- Merkrichtlijnen, stemkalibratie en archetypevoorkeuren wonen allemaal in één Brain-paneel dat vanuit elke kamer bereikbaar is. De modellen roepen het Brain aan voor hun context; het Brain wordt niet aangeroepen vanuit de logica van een afzonderlijke kamer. Eén keer het merk bijstellen stelt elke output bij.
- Chaos Canvas is de ontwerptaal
- Neon-cyberpunk-register — elektrisch blauw / felroze / neongroen per kamerthema, glitch-tekst, scanlijnen, neon-glow-knoppen. Een bewust contrast met de Corporate Memphis-standaardesthetiek van LinkedIn die de tool zelf kan produceren. De tool ziet er luid uit zodat de output stil kan ogen.
- Backend-deploys gaan alleen via GitHub
- Backend-deploys gaan via git push → Cloud Build → Cloud Run, nooit via een handmatige gcloud run deploy. De deployment-pipeline is daaromheen gebouwd, en een handmatige deploy breekt hem.
05 · STACK
Wat er onder draait.
| Laag | Detail |
|---|---|
| Backend API | .NET 8 (Ecp.Api). Controllers per kamer — IngredientsController, PostsController, ArtDepartmentController, WorkflowController, BrandGuidelinesController. |
| Domeinmodellen | Ecp.Application. Ingredient, IngredientBundle, Post (met kamertracking), AIArtist (definities van visuele archetypes), BrandGuidelines. |
| Frontend | React 19 + TypeScript (ecp-frontend). Eén pagina per kamer (SupplyRoomPage, EditingRoomPage, ArtDepartmentPage, ThePublicPage). Material Symbols-iconen, Space Grotesk-typografie. |
| AI-modellen | Gemini 3 Flash voor tekstgeneratie + bundelsuggesties, Gemini 3.1 Flash Image voor het Art Department. |
| Data | Firestore — realtime updates zodat kamerovergangen meteen op alle oppervlakken verschijnen. |
| Hosting | Cloud Run (europe-west1) voor de .NET API. Firebase Hosting (rutger-social.web.app) voor de React-frontend. Een Cloud Function voor de LinkedIn-publicatiestap. |
| CI/CD | git push origin main → Cloud Build → Cloud Run voor de backend. npm run build → firebase deploy voor de frontend. |
WAAROM DIT BESTAAT
Een goede LinkedIn-post schrijven is hard werken, en de meeste tooling lost de verkeerde helft van het probleem op (inplannen, analytics, het bijhouden van een performatieve cadans). Clout Cannon pakt de andere helft aan: een interessante input omzetten in een stuk tekst dat eerlijk is over zijn register, gekoppeld aan een beeld dat eerlijk is over zijn archetype.