Granda | Ideas & Code

Dein geparkter Tesla ist ein Rechenzentrum

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

Dein Auto steht 95 % der Zeit geparkt. Darin sitzt ein Chip, der 300–500 Billionen Operationen pro Sekunde ausführen kann, verbunden mit Kühlung, Leistungswandlung und einem Mobilfunkmodul. Er tut nichts.

Tesla und xAI wollen das ändern. Am 11. März enthüllte Elon Musk „Macrohard" – intern Digital Optimus genannt – ein gemeinsames Projekt, das geparkte Teslas in persönliche KI-Agenten verwandelt. Keine Chatbots. Agenten, die deinen Bildschirm beobachten, Maus und Tastatur steuern und echte Arbeit erledigen.

Visuelle QA als CI-Pipeline-Stufe

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

Ich habe letzten Monat einen PR gemergt. Das Code-Review sah gut aus. Tests bestanden. Dann öffnete ich die Seite auf meinem Handy und die Seitenleiste war komplett kaputt.

Die Lösung war trivial—eine fehlende Media Query. Der Bug war offensichtlich, sobald man sich tatsächlich die mobile Ansicht ansah. Niemand tat es.

Also fügte ich eine Pipeline-Stufe hinzu, die hinschaut.

Ich öffne ein GitHub-Issue, das sagt:

Implementiere die Option Manuelle Eingabe zum Hinzufügen von Clients. Beim Klicken öffnet sich ein breites Slide-over-Drawer mit einem Formular zum Erstellen eines neuen Clients.

Für Wen Ist Agent Trace?

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

Cursor veröffentlichte Agent Trace, eine offene Spezifikation zur Verfolgung, welcher Code in einem Repo von einem LLM geschrieben wurde. Es zeichnet das Modell, das Tool, das Gespräch und die exakten Zeilenbereiche auf — alles wird an eine JSONL-Datei in Ihrem Projekt angehängt.

Der Pitch: “Da Agenten immer mehr Code schreiben, ist es wichtig zu verstehen, was von KI im Gegensatz zu Menschen stammt.”

Ich habe Zeit damit verbracht, die Spezifikation und die Referenzimplementierung zu lesen. Die Technik ist solide — sauberes Schema, durchdachte Erweiterbarkeit, gute Partnerliste (Amp, Amplitude, Cloudflare, Cognition, Google, Vercel). Aber ich kam immer wieder auf eine Frage zurück: was macht man mit diesen Daten?

Abmelden

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

Verarbeitung läuft...

Rich Links für Faule Entwickler

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

Wenn ich einen Blog-Link auf Twitter oder Slack teile, wird er als reiner Text angezeigt. Kein Vorschaubild. Nur eine URL wie granda.org/en/2026/01/02/claude-code-on-the-go/.

Ich brauchte Open Graph Bilder. Der Standardansatz: manuell ein 1200x630 Bild für jeden Beitrag erstellen. Das ist mühsam. Ich bat Claude, es zu automatisieren.

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]

Die Einrichtung

Ich erklärte Claude das Problem: Beiträge benötigen Social-Preview-Bilder, aber ich möchte sie nicht manuell erstellen. Screenshot des Artikelinhalts machen, als OG-Bild speichern, Frontmatter automatisch aktualisieren.

Mein QA Engineer ist ein LLM

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

Claude kann auf Schaltflächen klicken.

Das klingt trivial, aber es verändert, wie ich UIs erstelle. Mit Playwright MCP schreibt Claude nicht nur Code—es öffnet einen Browser, navigiert zu localhost und überprüft, dass die Dinge tatsächlich funktionieren. Es findet Bugs, die ich bei Code-Reviews übersehen würde.

Das Setup

Playwright MCP gibt Claude Browser-Automatisierung. Ich führe es mit Headless Chromium aus:

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

Jetzt kann Claude navigieren, klicken, tippen und Screenshots machen. Es sieht, was Nutzer sehen.

Meinen Eigenen Newsletter mit Claude Erstellen

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

Tag zwei des Hacker News Verkehrsansturms. Vierzigtausend Besucher, keine Möglichkeit, sie wieder zu erreichen. Ich brauchte eine Newsletter-Anmeldung.

Ich schaute mir Buttondown, Beehiiv, Substack, ConvertKit an. Alles übertrieben. Ich musste nur E-Mails sammeln. Ich brauchte keine Kampagnen, Analysen oder Abonnentenverwaltung. Und ich wollte meine Daten besitzen.

Also bat ich Claude, es zu bauen.

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)]

Die Einrichtung

Ich gab Claude ein Cloudflare API-Token über eine Umgebungsvariable und beschrieb, was ich wollte: ein Formular, das E-Mails sammelt und sie irgendwo speichert, wo ich die Kontrolle habe.

Claude Code Unterwegs

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

Ich lasse sechs Claude Code Agenten parallel von meinem Telefon aus laufen. Kein Laptop, kein Desktop—nur Termius auf iOS und eine Cloud-VM.

Das 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

Der Kreislauf ist: eine Aufgabe starten, Telefon in die Tasche, Benachrichtigung erhalten, wenn Claude Input braucht. Asynchrone Entwicklung von überall.

Infrastruktur

Eine Vultr VM in Silicon Valley:

Die KI es Machen Lassen

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

Ich brauchte einen Dev-Server: VM mit SSH-Zugang und installierten Dev-Tools. Ich beschrieb Claude Code, was ich wollte, und liess es das Setup erledigen.

Der Prompt

Ich bat um eine Vultr VM mit 8 Kernen und 32GB RAM, nur uber Tailscale erreichbar, mit persistenten Sitzungen, die Netzwerkunterbrechungen uberleben.

Was Claude Code Baute

1. Provisionierte die VM uber Vultr API

Es erstellte eine 8-Kern/32GB Ubuntu-Instanz, wartete auf die IP und SSH’te dann als root ein.

Automatische Blog-Übersetzungen mit Claude und GitHub Actions

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

Jeder Beitrag, den ich schreibe, wird automatisch übersetzt. Claude übernimmt die Übersetzung, committet die Ergebnisse nach main, und die übersetzten Versionen werden zusammen mit dem Original deployt.

Der Ablauf

Der Übersetzungs-Workflow läuft in GitHub Actions, wenn englischer Content nach main gemergt wird:

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

flowchart LR
 B[Merge nach main] --> C[Übersetzungen generiert]
 C --> D[Nach main committet]
 D --> E[Produktions-Deploy mit allen Sprachen]

Der Prompt

Der Workflow verwendet claude-code-action:

Über

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

Zusammenfassung

Dieses Dokument bietet Hintergrundinformationen über den Autor dieses Blogs.

1. Hintergrund

Softwareingenieur mit 15 Jahren Erfahrung, davon 10 Jahre im Berufsfeld tätig. Schwerpunktbereiche umfassen:

Verteilte Systeme
Backend-Entwicklung und Infrastruktur
Full-Stack- und End-to-End-Produktentwicklung
Benutzeroberflächendesign
Aufbau sicherer und zuverlässiger Systeme

2. Kontakt

Freue mich immer über Kontakt mit anderen in der Branche: @mtt

Über

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

Zusammenfassung

Dieses Dokument beschreibt die von diesem Blog verwendete Autorenschaftsmethodik.

1. Einleitung

Dieser Blog wird größtenteils mit Unterstützung von Large Language Models (LLMs) erstellt. Der Autor liefert Anleitung, Bearbeitung und Qualitätskontrolle; die Maschine liefert erste Entwürfe und Übersetzungen.

2. Begründung

Der Autor glaubt an Transparenz in Bezug auf AI-unterstützte Inhaltserstellung. Anstatt die verwendeten Werkzeuge zu verschleiern, zielt diese Offenlegung darauf ab:

Angemessene Erwartungen für Leser zu setzen
Zu ehrlichen Normen rund um AI-Inhalte beizutragen
Die kollaborative Natur des modernen Schreibens anzuerkennen

3. Was Das Bedeutet

Ideen: Von Menschen stammend
Struktur: Kollaborativ
Prosa: Primär AI-generiert, von Menschen überprüft
Übersetzungen: Vollständig AI-generiert (nicht von Menschen überprüft)

4. Qualitätssicherung

Englische Inhalte werden vor der Veröffentlichung von Menschen überprüft. Übersetzungen werden automatisch generiert und können Fehler oder ungeschickte Formulierungen enthalten. Der Autor übernimmt die Verantwortung für den endgültigen veröffentlichten englischen Inhalt.

Hallo Welt

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

Willkommen auf meinem Blog! Das ist mein erster Beitrag.

Ich werde hier Ideen, Notizen und interessante Dinge teilen.