Claude Code entwirft druckbare Visitenkarten mit HTML + Playwright
Ein Reddit-Benutzer teilte einen praktischen Workflow, bei dem Claude Code (der KI-Codierungsassistent) komplett eigenständig druckbare Visitenkarten entwarf. Der Prozess umfasste:
- Claude erhielt als Eingabe ein Foto ihrer Katzen sowie ihren Weblink.
- Claude generierte ein HTML-Design für die Visitenkarte, nutzte dann Playwright (headless Browser-Automation) für Screenshots und verfeinerte iterativ das Layout, bis der Benutzer zufrieden war.
- Nach der endgültigen Gestaltung kaufte der Benutzer Avery bedruckbares Visitenkartenpapier bei Walmart (standardmäßige perforierte 2x5-Rasterbögen).
- Claude erstellte eine HTML-Seite mit einem Druckknopf und einem 2x5-Raster, das der Avery-Vorlage entspricht. Die Seite wurde perfekt ausgerichtet auf das Kartenpapier gedruckt – kein manuelles Nachjustieren nötig.
Der gesamte Vorgang dauerte etwa 10 Minuten. Der Benutzer berichtete von Ergebnissen, die „besser als erwartet“ waren.
Wichtige Erkenntnisse
- Claude kann visuelles Design und Drucklayout durch die iterative Nutzung von Browser-Automation überbrücken.
- Die Verwendung von Playwright für Screenshot-Feedback ermöglicht es Claude, Layout-Probleme ohne menschliches Eingreifen selbst zu korrigieren.
- Die finale HTML-Vorlage funktioniert direkt mit preiswertem Avery-Visitenkartenpapier – keine professionellen Design-Tools erforderlich.
Dies ist ein solides Beispiel für den Einsatz von KI-Codierungsassistenten für die physische Druckproduktion, nicht nur für die Software-Generierung.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
OpenClaw praktische Erfahrungen: Einrichtung, Fähigkeiten und Kostenrealitäten
Ein Entwickler testete OpenClaw für den Aufbau eines Familienassistenten und stellte fest, dass es Ordnerstrukturen erstellen, Konfigurationen ändern, Python-Skripte schreiben und Dateien direkt organisieren kann. Die Erfahrung erforderte WSL unter Windows, OpenAI-API-Schlüssel mit Guthaben, zusätzliche Tools für das Web-Browsing und sorgfältiges Management verschiedener Kommunikationskanäle.
Steuerung von Claude Code über WhatsApp mit dem Kanalfunktion
Ein Entwickler verband WhatsApp mit einer laufenden Claude Code-Sitzung über die Channels-Funktion (v2.1.80+), wodurch Textnachrichten, Sprachnotizen mit Whisper-Transkription und Sprachantworten mit OpenAI TTS möglich wurden, um mit derselben CLI-Sitzung zu interagieren.
Vergleich der PRD-Ausführung: Bash-Schleife vs. Agententeams im Claude-Code
Ein Entwickler hat die Ausführung eines 14-Aufgaben-PRDs mit Claude Code sowohl mit einer Bash-Schleife als auch mit der Agenten Teams-Funktionalität getestet. Es stellte sich heraus, dass der Ansatz mit den Agenten Teams deutlich schneller war, obwohl er einige Koordinationsaufwände mit sich brachte.
Aufbau eines persönlichen KI-Agenten mit Claude Code: Erkenntnisse aus 6 Monaten Wiz
Ein Entwickler teilt seine Erfahrungen beim Aufbau von Wiz, einem persönlichen KI-Agenten auf Claude Code, der Morgenberichte, Abendzusammenfassungen und E-Mail-Vorauswahl übernimmt. Der Beitrag beschreibt 9 Fehler, die während der Entwicklung gemacht wurden, darunter das Starten mit überambitionierten Zielen und das Zulassen, dass Claude Kernanweisungen ohne Überprüfung generiert.