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

Claude-Projekt für tägliche Planung mit Todoist- und Google-Kalender-Integration
Ein Entwickler hat ein Claude-Projekt erstellt, das als Vollzeit-Management-Assistent fungiert, der mit Todoist und Google Kalender verbunden ist. Das System plant tägliche Zeitpläne, verfolgt Gewohnheiten und führt Überprüfungen mithilfe von drei spezifischen Rollen durch: Task Auditor, Habit Scheduler und Schedule Composer.

Verwaltung von KI-Agenten-Fehlern: Wiederholungslimits und Fehlerbudgets
Ein Produktionsteam, das 6 KI-Agenten betreibt, führte ein 3-Streik-Fehlerbudget ein, nachdem ein Agent eine ratenbegrenzte Aufgabe 319 Mal wiederholte und dabei Stunden an Rechenleistung verbrauchte. Sie behandelten auch Herzschlag-Timeouts, falsche Aufgabenabschlussmeldungen und optimistische Sperrkonflikte.

OpenClaw Family Gateway: Token-Budgets, Speicheroptimierung und benutzerdefinierte Plugins
Ein Entwickler baute ein Familien-AI-Gateway mit OpenClaw auf einem Mac und QNAP NAS, implementierte strenge Token-Budgets, optimierte den Speicherzugriff durch Re-Ranking und kontextuelle Einbettungen und erstellte 12 benutzerdefinierte Plugins mit über 175 Befehlen.

OpenClaw gleicht Garmin-Geräte-Arbeitsblatt mit realem Aktivitätsverlauf ab
Ein Benutzer fütterte OpenClaw einen veralteten Screenshot der Garmin-App und ein leeres Arbeitsblatt; es holte den tatsächlichen Aktivitätsverlauf, gleichte jeden Eintrag ab und füllte das exakte 3-Tabellenblatt aus, das der Support verlangte.