Claude CodeがHTMLとPlaywrightで印刷可能な名刺をデザイン

Redditユーザーが、Claude Code（AIコーディングエージェント）がビジネスカードのデザインをゼロから印刷可能な形で作成する実用的なワークフローを共有しました。プロセスは次の通りです：

• Claudeに猫の写真とウェブサイトのリンクを入力として提供。
• ClaudeがHTMLの名刺デザインを生成し、Playwright（ヘッドレスブラウザ自動化ツール）を使用してスクリーンショットを撮り、ユーザーが満足するまでレイアウトを繰り返し修正。
• デザインが確定した後、ユーザーはWalmartでAveryの印刷可能な名刺用紙（標準の穴開き2x5グリッドシート）を購入。
• Claudeが印刷ボタン付きのHTMLページとAveryテンプレートに合った2x5グリッドを生成。そのページはカードストックに完全に位置合わせされて印刷され、手動調整は不要でした。

全体のプロセスは約10分で完了。ユーザーは「期待以上」の結果だったと報告しています。

主なポイント

• Claudeはブラウザ自動化による反復処理を通じて、ビジュアルデザインと印刷レイアウトの橋渡しができる。
• Playwrightでスクリーンショットをフィードバックとして使うことで、Claudeは人間の介入なしにレイアウトの問題を自己修正できる。
• 最終的なHTMLテンプレートは、安価なAvery名刺用紙でそのまま使用可能。プロのデザインツールは不要。

これは、ソフトウェア生成だけでなく、物理的な印刷物の作成にAIコーディングエージェントを活用した優れた例です。