Granda | Ideas & Code

Jouw geparkeerde Tesla is een datacentrum

Fri, 13 Mar 2026 00:00:00 +0000

Je auto staat 95% van de tijd geparkeerd. Binnenin zit een chip die 300 tot 500 biljoen bewerkingen per seconde aankan, gekoppeld aan koeling, vermogensomzetting en een mobiele radio. Hij doet niets.

Tesla en xAI willen dat veranderen. Op 11 maart onthulde Elon Musk “Macrohard” — intern Digital Optimus genoemd — een gezamenlijk project dat geparkeerde Tesla’s omzet in persoonlijke AI-agenten. Geen chatbots. Agenten die je scherm in de gaten houden, je muis en toetsenbord bedienen, en echt werk verrichten.

Visuele QA als CI Pipeline Stadium

Fri, 06 Feb 2026 00:00:00 +0000

Ik mergede een PR vorige maand. De code review zag er goed uit. Tests slaagden. Toen opende ik de site op mijn telefoon en de sidebar was compleet kapot.

De oplossing was triviaal—een ontbrekende media query. De bug was overduidelijk zodra je daadwerkelijk naar de mobiele weergave keek. Niemand deed dat.

Dus voegde ik een pipeline stadium toe dat kijkt.

Ik open een GitHub issue dat zegt:

Implementeer de Handmatige Invoer optie voor het toevoegen van klanten. Bij klikken opent een brede slide-over drawer met een formulier om een nieuwe klant aan te maken.

Voor Wie Is Agent Trace?

Fri, 30 Jan 2026 00:00:00 +0000

Cursor bracht Agent Trace uit, een open specificatie voor het bijhouden welke code in een repo door een LLM is geschreven. Het registreert het model, de tool, het gesprek en de exacte lijnbereiken — allemaal toegevoegd aan een JSONL-bestand in je project.

De pitch: “Naarmate agents meer code schrijven, is het belangrijk om te begrijpen wat van AI kwam versus mensen.”

Ik heb tijd besteed aan het lezen van de spec en de referentie-implementatie. De engineering is solide — schoon schema, doordachte uitbreidbaarheid, goede partnerlijst (Amp, Amplitude, Cloudflare, Cognition, Google, Vercel). Maar ik bleef terugkomen bij één vraag: wat doe je met deze data?

Afmelden

Sat, 10 Jan 2026 00:00:00 +0000

Verwerken...

Rijke Links voor Luie Ontwikkelaars

Sat, 10 Jan 2026 00:00:00 +0000

Wanneer ik een bloglink deel op Twitter of Slack, verschijnt het als platte tekst. Geen voorbeeldafbeelding. Gewoon een URL zoals granda.org/en/2026/01/02/claude-code-on-the-go/.

Ik had Open Graph afbeeldingen nodig. De standaard aanpak: handmatig een 1200x630 afbeelding maken voor elk bericht. Dat is saai. Ik vroeg Claude om het te automatiseren.

flowchart LR
 Push[git push] --> GHA[GitHub Actions]
 GHA --> Hugo[Hugo Server]
 GHA --> PW[Playwright]
 PW -->|screenshot| Hugo
 PW --> IMG[OG Image]
 IMG --> Commit[git commit]
 Commit --> Deploy[Deploy]

flowchart TB
 Push[git push] --> GHA[GitHub Actions]
 GHA --> Hugo[Hugo Server]
 GHA --> PW[Playwright]
 PW -->|screenshot| Hugo
 PW --> IMG[OG Image]
 IMG --> Commit[git commit]
 Commit --> Deploy[Deploy]

De Opzet

Ik vertelde Claude het probleem: berichten hebben sociale voorbeeldafbeeldingen nodig, maar ik wil ze niet handmatig maken. Maak een screenshot van de artikelinhoud, sla het op als een OG-afbeelding, update de frontmatter automatisch.

Mijn QA Engineer is een LLM

Fri, 09 Jan 2026 00:00:00 +0000

Claude kan op knoppen klikken.

Dat klinkt triviaal, maar het verandert hoe ik UI’s bouw. Met Playwright MCP schrijft Claude niet alleen code—het opent een browser, navigeert naar localhost en verifieert dat dingen daadwerkelijk werken. Het vangt bugs die ik zou missen in code review.

De Setup

Playwright MCP geeft Claude browserautomatisering. Ik voer het uit met headless Chromium:

{
 "mcpServers": {
 "playwright": {
 "command": "npx",
 "args": ["@anthropic-ai/mcp-server-playwright", "--headless"]
 }
 }
}

Nu kan Claude navigeren, klikken, typen en screenshots maken. Het ziet wat gebruikers zien.

Mijn Eigen Nieuwsbrief Bouwen met Claude

Wed, 07 Jan 2026 00:00:00 +0000

Dag twee van de Hacker News verkeersspits. Veertigduizend bezoekers, geen manier om ze opnieuw te bereiken. Ik had een nieuwsbrief aanmelding nodig.

Ik keek naar Buttondown, Beehiiv, Substack, ConvertKit. Allemaal overdreven. Ik moest alleen e-mailadressen verzamelen. Ik had geen campagnes, analyses of abonneebeheer nodig. En ik wilde eigenaar zijn van mijn gegevens.

Dus vroeg ik Claude om het te bouwen.

flowchart LR
 User([User]) --> Form[Newsletter Form]
 Form -->|POST /api/subscribe| Worker[Cloudflare Worker]
 Worker --> KV[(Cloudflare KV)]
 KV -.->|Daily sync| GHA[GitHub Actions]
 GHA -.-> Repo[(subscribers.jsonl)]

flowchart TB
 User([User]) --> Form[Newsletter Form]
 Form -->|POST /api/subscribe| Worker[Cloudflare Worker]
 Worker --> KV[(Cloudflare KV)]
 KV -.->|Daily sync| GHA[GitHub Actions]
 GHA -.-> Repo[(subscribers.jsonl)]

De Opzet

Ik gaf Claude een Cloudflare API-token via een omgevingsvariabele en beschreef wat ik wilde: een formulier dat e-mailadressen verzamelt en opslaat op een plek die ik beheer.

Claude Code Onderweg

Fri, 02 Jan 2026 00:00:00 +0000

Ik draai zes Claude Code agents parallel vanaf mijn telefoon. Geen laptop, geen desktop—alleen Termius op iOS en een cloud VM.

De Setup

flowchart LR
 A[Phone] -->|Termius + mosh| B[Tailscale VPN]
 B --> C[Vultr VM]
 C --> D[Claude Code]
 D -->|PreToolUse hook| E[Poke webhook]
 E -->|Push notification| A

De cyclus is: start een taak, telefoon in je zak, krijg een melding wanneer Claude input nodig heeft. Asynchroon ontwikkelen vanaf elke locatie.

De AI het Laten Doen

Sun, 28 Dec 2025 00:00:00 +0000

Ik had een dev server nodig: VM met SSH-toegang en dev tools geinstalleerd. Ik beschreef aan Claude Code wat ik wilde en liet het de setup regelen.

De Prompt

Ik vroeg om een Vultr VM met 8 cores en 32GB RAM, alleen toegankelijk via Tailscale, met persistente sessies die netwerkonderbrekingen overleven.

Wat Claude Code Bouwde

1. Provisioneerde de VM via Vultr API

Het creeerde een 8-core/32GB Ubuntu instantie, wachtte op de IP, en SSH’de vervolgens in als root.

Automatische Blogvertalingen met Claude en GitHub Actions

Tue, 23 Dec 2025 00:00:00 +0000

Elke post die ik schrijf wordt automatisch vertaald. Claude handelt de vertaling af, commit de resultaten naar main, en de vertaalde versies worden samen met het origineel gedeployed.

De Flow

De vertaalworkflow draait in GitHub Actions wanneer Engelse content naar main wordt gemerged:

on:
 push:
 branches: [main]
 paths:
 - 'content/**/*.en.md'

flowchart LR
 B[Merge naar main] --> C[Vertalingen gegenereerd]
 C --> D[Gecommit naar main]
 D --> E[Productie deploy met alle talen]

De Prompt

De workflow gebruikt claude-code-action:

Over

Mon, 22 Dec 2025 00:00:00 +0000

Samenvatting

Dit document biedt achtergrondinformatie over de auteur van deze blog.

1. Achtergrond

Software-engineer met 15 jaar ervaring, waarvan 10 jaar werkzaam in het veld. Aandachtsgebieden zijn onder meer:

Gedistribueerde systemen
Backend-ontwikkeling en infrastructuur
Full-stack en end-to-end productontwikkeling
Gebruikersinterface-ontwerp
Het bouwen van veilige en betrouwbare systemen

2. Contact

Altijd blij om contact te maken met anderen in de industrie: @mtt

Over

Mon, 22 Dec 2025 00:00:00 +0000

Samenvatting

Dit document beschrijft de auteursmethodologie die door deze blog wordt gebruikt.

1. Inleiding

Deze blog wordt grotendeels gegenereerd met behulp van Large Language Models (LLMs). De auteur biedt richting, redactie en kwaliteitscontrole; de machine levert initiële concepten en vertalingen.

2. Beweegredenen

De auteur gelooft in transparantie met betrekking tot AI-ondersteunde contentcreatie. In plaats van de gebruikte tools te verhullen, heeft deze openbaarmaking tot doel:

Passende verwachtingen voor lezers te scheppen
Bij te dragen aan eerlijke normen rond AI-content
De collaboratieve aard van modern schrijven te erkennen

3. Wat Dit Betekent

Ideeën: Van menselijke oorsprong
Structuur: Collaboratief
Proza: Voornamelijk AI-gegenereerd, door mensen gecontroleerd
Vertalingen: Volledig AI-gegenereerd (niet door mensen gecontroleerd)

4. Kwaliteitsborging

Engelse content ondergaat menselijke controle vóór publicatie. Vertalingen worden automatisch gegenereerd en kunnen fouten of onhandige formuleringen bevatten. De auteur neemt verantwoordelijkheid voor de definitieve gepubliceerde Engelse content.

Hallo Wereld

Sat, 20 Dec 2025 00:00:00 +0000

Welkom op mijn blog! Dit is mijn eerste bericht.

Ik zal hier ideeën, notities en interessante dingen delen.