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
Built a Daily YouTube → LinkedIn Pipeline with OpenClaw: Architecture, Gotchas, and Lessons Learned
A developer shares the architecture of an OpenClaw skill that scrapes 30 YouTube channels daily, analyzes transcripts via LLM, and writes to Google Sheets. Details key gotchas like Apify async vs sync, Codex idle-turn watchdog, and ARG_MAX limits.
Reddit user shares spec-driven approach to reduce Claude Code hallucinations
A developer on r/ClaudeAI describes using a structured specification method to significantly reduce hallucinations with Claude Code. The approach involves creating REQUIREMENTS.md, IMPLEMENTATION_PLAN.md, and CLAUDE.md files to maintain context through multiple compactions.
Graduate Student Uses Claude to Build AI Image Detection Experiment
A graduate student at The New School collaborated with Claude to build a website called InPixelsWeTrust.org that tests whether users can distinguish real photos from AI-generated images in 6 rounds with 10-second decisions.
Claude Code Agent Orchestrator Architecture for Multi-Agent Systems
The Ultrathink team runs an AI-operated store where 6 Claude Code agents handle design, code, marketing, and operations. Their orchestrator agent coordinates work across specialized agents, handles failures, and ships code to production automatically.