Claude Code가 HTML + Playwright로 인쇄 가능한 명함 디자인
Reddit 사용자가 실용적인 워크플로우를 공유했는데, Claude Code(AI 코딩 에이전트)가 처음부터 인쇄 가능한 명함을 완전히 디자인했습니다. 과정은 다음과 같습니다:
- Claude에 고양이 사진과 웹사이트 링크를 입력으로 제공했습니다.
- Claude가 HTML 명함 디자인을 생성한 후, Playwright(헤드리스 브라우저 자동화)를 사용하여 스크린샷을 찍고 레이아웃을 반복적으로 수정하여 사용자가 만족할 때까지 개선했습니다.
- 디자인이 확정된 후, 사용자는 Walmart에서 Avery 인쇄용 명함 용지(표준 천공 2x5 그리드 시트)를 구매했습니다.
- Claude는 인쇄 버튼과 Avery 템플릿에 맞는 2x5 그리드가 포함된 HTML 페이지를 생성했습니다. 해당 페이지는 카드 용지에 완벽하게 정렬되어 인쇄되었으며, 수동 조정이 필요 없었습니다.
전체 과정은 약 10분이 걸렸습니다. 사용자는 결과가 "기대 이상"이라고 보고했습니다.
주요 시사점
- Claude는 브라우저 자동화를 통한 반복적인 개선으로 시각 디자인과 인쇄 레이아웃을 연결할 수 있습니다.
- Playwright를 사용한 스크린샷 피드백을 통해 Claude는 사람의 개입 없이 레이아웃 문제를 스스로 수정할 수 있습니다.
- 최종 HTML 템플릿은 저렴한 Avery 명함 용지와 직접 호환되며, 전문 디자인 도구가 필요하지 않습니다.
이는 AI 코딩 에이전트를 소프트웨어 생성뿐만 아니라 실제 인쇄 제작에 활용한 좋은 예입니다.
📖 Read the full source: r/ClaudeAI
👀 See Also
슬랙용 OpenClaw 셀프 호스팅: 세 가지 실패 모드와 관리형 대안
한 개발자가 Slack용 OpenClaw를 자체 호스팅하려다 실패한 세 가지 시도를 기록했는데, WebSocket 연결 끊김, API 중단 처리 문제, 그리고 토큰 교체 실패를 조용히 겪은 후 관리형 서비스인 SlackClaw.ai로 전환했습니다.
라즈베리 파이에서 OpenClaw를 AI 하드웨어 랩으로 활용하여 장치 관리하기
개발자가 전용 라즈베리 파이에서 OpenClaw를 실행하여 Discord를 통해 하드웨어 장치를 관리하며, 백업 및 롤백 경로와 같은 가드레일을 갖춘 서브에이전트를 통해 펌웨어 플래싱, 문제 해결 및 시스템 운영을 처리합니다.
Qwen3.5 35B-A3B MoE는 중급 사양 하드웨어에서 27단계 에이전트 워크플로우를 로컬에서 실행합니다.
한 개발자가 레노버 P53 노트북에서 Q4_K_M 양자화로 Qwen3.5 35B-A3B MoE를 로컬에서 실행하여 27단계 비디오 처리 워크플로우를 오류 없이 수행했습니다. 이 모델은 사람의 개입 없이 순차적인 도구 호출을 통해 자막 편집, 비디오 처리를 처리했습니다.
클로드를 활용한 일일 정보 브리핑 시스템 아키텍처
한 개발자가 Claude API를 사용하여 RSS 피드를 수집하고, 관련성에 따라 기사를 점수화하며, 분류하고, 이메일을 통해 분석을 제공하는 맞춤형 일일 브리핑 시스템을 구축했습니다. 이 파이프라인은 하루에 약 200개의 기사를 처리하고, 분석을 위해 5-8개로 필터링하며, 월 5달러 미만의 비용이 듭니다.