비전문가가 휴대폰으로 Claude AI를 이용해 웹사이트를 구축하고 배포합니다

한 레딧 사용자가 Claude AI를 사용하여 코드를 전혀 작성하지 않고, 휴대폰으로만 작업하며 1시간 동안 완전한 웹사이트를 구축하고 배포한 과정을 기록했습니다.
프로젝트 배경
사용자는 가짜 Portal 3 로딩 화면을 만들어 자녀들에게 만우절 장난을 치고 싶었습니다. 그들은 몇 가지 제약 조건이 있었습니다: Portal 게임 세계에 대한 최소한의 지식, 코딩 경험 없음, 직장에서 작업 중 휴대폰만 사용 가능.
작업 과정
사용자는 다음과 같은 구체적인 순서를 따랐습니다:
- 먼저 Claude에게 Portal 게임 설정을 가르쳐 달라고 요청
- 일반 언어로 구축하고 싶은 것을 설명
- Claude에게 현실적인 버전이 어떻게 보일지 물어봄
- 문제가 발생할 때마다 일반 언어로 문제를 설명하며 반복
- Claude가 프로젝트에 대한 완전한 사양서를 작성하도록 함
- Claude Code를 사용하여 완성된 프로젝트를 VPS에 배포
결과
이 프로젝트는 사용자의 7살 자녀를 성공적으로 속여 Valve가 실제로 Portal 3를 출시했다고 믿게 만들었습니다. 사용자는 이 과정에 대한 완전한 안내서를 작성했으며, 이는 비기술적인 사람들이 유사한 프로젝트를 수행하고자 할 때 가이드 역할을 할 수 있다고 언급했습니다.
기술적 접근 방식
이 작업 과정은 자연어 설명을 사용하여 AI 지원을 여러 단계를 통해 안내하는 패턴을 보여줍니다: 도메인 지식에 대한 교육, 요구사항 명세, 문제 해결 반복, 기술 사양 생성, 그리고 마지막으로 배포. 전체 과정은 휴대 기기만을 사용하여 완료되었습니다.
📖 Read the full source: r/ClaudeAI
👀 See Also

개발자, 클로드 코드에 루트 접근 권한 부여, 개발 워크플로우 전환
한 개발자가 Claude Code에 서버의 루트 접근 권한을 부여하고 모든 명령을 모니터링한 결과, 이 AI가 증상만 해결하는 것이 아닌 근본 원인을 해결하는 차분하고 체계적인 변경을 수행함을 발견했습니다. 이 경험은 그들의 워크플로를 프로덕션 환경을 복제한 환경에서 직접 개발하는 방식으로 전환하게 했습니다.

Claude Code가 HTML + Playwright로 인쇄 가능한 명함 디자인
한 사용자가 고양이 사진과 웹사이트 링크를 Claude에 제공하여 명함 디자인을 자동화했습니다. Playwright 스크린샷을 통해 반복적으로 개선한 후, 2x5 그리드 HTML 템플릿을 사용하여 Avery 카드 용지에 인쇄했습니다.

클로드 코드 AI 에이전트가 접근성 API를 통해 물리적 아이폰을 제어합니다
한 개발자가 Claude Code가 Blitz Mac 앱을 통해 WebDriverAgent와 접근성 API를 사용하고 탭을 위한 제로 거리 스와이프 해결책으로 물리적 iPhone을 자율적으로 작동하는 것을 시연했습니다.

레딧 사용자가 클로드 코드의 환각 현상을 줄이기 위한 사양 기반 접근법 공유
r/ClaudeAI의 한 개발자가 Claude Code의 환각 현상을 크게 줄이기 위해 구조화된 명세 방법을 사용한 경험을 설명합니다. 이 접근법은 REQUIREMENTS.md, IMPLEMENTATION_PLAN.md, CLAUDE.md 파일을 생성하여 여러 번의 압축 과정에서도 컨텍스트를 유지하는 데 중점을 둡니다.