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 Fallstudie: Verwaltung eines E-Mail-Posteingangs für 10 Tage ohne menschliches Eingreifen
Ein freiberuflicher Berater gewährte OpenClaw während einer Reise 10 Tage lang vollen Zugriff auf sein Gmail-Konto mit der Anweisung, in seinem exakten Tonfall zu antworten, nur kritische Punkte zu markieren und Routineaufgaben eigenständig zu erledigen. Das System verarbeitete 187 E-Mails mit nur einem kleinen Fehler.
Benutzerdefinierte OpenClaw-Fähigkeiten für CRM- und CMS-Integration
Ein Entwickler erstellte benutzerdefinierte OpenClaw-Fähigkeiten, um mit eigenen CRM- und CMS-Systemen zu interagieren, was automatisierte Lead-Generierung und Inhaltserstellung mit menschlicher Überwachung ermöglicht. Die Einrichtung dauerte einen Tag.
OpenClaw-Benutzer baut 10-Automatisierungs-Operationen-Stack mit Sportwetten-Tipps, Lead-Generierung und digitaler Auftragserfüllung auf
Ein Entwickler dokumentierte seine zweimonatige Erfahrung beim Aufbau eines praktischen KI-Operations-Stacks auf OpenClaw, was zu 10 funktionierenden Automatisierungen führte, die autonom laufen.
Nicht-Entwickler erstellt Multiplayer-Spiel auf Steam mit Claude AI — 60.000 Zeilen, 5 Fraktionen, 87 Fähigkeiten
Ein Reddit-Nutzer ohne Programmiererfahrung hat mit Claude AI ein vollständiges Multiplayer-Spiel (60.000 Zeilen, 5 Fraktionen, 87 Fähigkeiten) entwickelt und es auf Steam veröffentlichen lassen. Early Access ab 1. Juni.