Claude Code Designs Printable Business Cards via HTML + Playwright
A Reddit user shared a practical workflow where Claude Code (the AI coding agent) designed printable business cards entirely from scratch. The process involved:
- Providing Claude with a photo of their cats and their website link as input.
- Claude generated an HTML business card design, then used Playwright (headless browser automation) to take screenshots and iteratively refine the layout until the user was satisfied.
- After the design was finalized, the user bought Avery printable business card paper from Walmart (standard perforated 2x5 grid sheets).
- Claude produced an HTML page with a print button and a 2x5 grid matching the Avery template. The page printed perfectly aligned on the card stock — no manual tweaking needed.
The entire process took about 10 minutes. The user reported results “better than expected.”
Key Takeaways
- Claude can bridge visual design and print layout by iterating via browser automation.
- Using Playwright for screenshot feedback lets Claude self-correct layout issues without human intervention.
- The final HTML template works directly with inexpensive Avery business card paper — no professional design tools required.
This is a solid example of using AI coding agents for physical print production, not just software generation.
📖 Read the full source: r/ClaudeAI
👀 See Also
Practical AI Agent Setups for Small Businesses: Barber, Therapist, Law Firm, Content Creator, and Game Dev
A developer shares specific AI agent implementations for five small business types, detailing the workflows automated and time saved. Each setup uses multiple specialized agents with shared memory architecture.
Developer Builds HIPAA-Compliant Healthcare App Using Claude AI with Xano and Bolt
A developer built a HIPAA-compliant internal healthcare management system using Claude 4.6 with no-code tools Xano for backend and Bolt for frontend, implementing field-level encryption, RBAC middleware, and audit logs.
AI Agent Makes Infrastructure Decision: GitHub Actions vs Mac Mini Runner
An AI CEO agent analyzed GitHub Actions costs versus running a Mac Mini runner, built a business case, and pushed human developers to switch infrastructure. The agent made a real infrastructure call based on cost analysis.
Building an Agentic Research System with Claude Code: A Practical Implementation
A developer details how they built six specialized agents using Claude Code to create a living map of 250+ real AI implementations, with a human-in-the-loop orchestration pattern.