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.
Eén workflow, vier expliciete fasen.
Posts kunnen maar in één kamer tegelijk zijn. Elke kamer heeft zijn eigen mogelijkheden, zijn eigen AI-tools en zijn eigen visuele thema. De fabrieksmetafoor is de architectuur, geen versiering.
| 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. |
Eén configuratielaag, het effect van zes kamers.
Het Brain-paneel is vanuit elke kamer bereikbaar via Brain Settings. Het heeft vandaag twee tabbladen (een derde staat 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.
Zes. Drie illustraties, drie fotografiestijlen.
Het Art Department genereert geen beeld vanaf een leeg vel — elke output wordt geconditioneerd op een van zes archetypes. Door het register vooraf te benoemen wordt het resultaat pas echt 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. |
De niet voor de hand liggende beslissingen.
- De fabrieksmetafoor is dragend
- 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. De beperking is de feature.
- 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.
- Deployen via GitHub-push, niet via gcloud-commando's
- Backend-deploys gaan strikt via git push → Cloud Build → Cloud Run. Geen handmatige gcloud run deploy. Dit is geen voorkeur — het is het contract waar de deployment-pipeline omheen is gebouwd, en het omzeilen breekt het.
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. |
De eerlijke versie: een goede LinkedIn-post schrijven kost echt moeite, en de meeste tooling lost de verkeerde helft van het probleem op — inplannen, analytics, het bijhouden van een performatieve cadans. Clout Cannon probeert het deel op te lossen dat er echt toe doet: een interessante input omzetten in een stuk tekst dat eerlijk is over zijn register, gekoppeld aan een beeld dat eerlijk is over zijn archetype. De structuur is dezelfde die Luminary me leerde vertrouwen: de vier kamers zijn vaste machinerie, en het Brain is alleen de configuratie die ze inlezen — dus de stem verwisselen betekent nooit de pipeline herschrijven.