에이전트가 끝낼 수 있는 범위를 고르세요.
잘 작동하는 도구들은 의도적으로 작습니다: 기능 하나, 브라우저 안에서만 동작, 계정 없음, 백엔드 없음, 아무것도 업로드하지 않음. 텍스트 비교 도구, 패턴 생성기, 계산기 같은 걸 떠올려보세요. 이 정도 범위면 HTML 파일 하나에 담기고, 에이전트가 한 번의 루프 안에서 만들고 테스트하고 고칠 수 있으며, 호스팅도 어디서든 무료입니다.
필요한 것.
- Claude Code — Claude Pro 플랜에 포함(연간 청구 시 월 $17, 월간 청구 시 $20). 터미널, Claude 데스크톱 앱, 브라우저에서 실행됩니다.
- 빈 폴더와 테스트할 브라우저.
- 의도를 담은 한 문단 — 2단계의 브리프를 참고하세요.
아이디어에서 배포까지 6단계.
- Claude Code를 설치하고 Claude 계정으로 로그인한 뒤 빈 폴더에서 여세요.
- 브리프를 작성하세요: 도구가 무엇을 하는지, 누구를 위한 것인지, 제약 조건은 무엇인지 — index.html 파일 하나, 인라인 CSS와 JavaScript, 모든 계산은 브라우저에서, 서버로는 아무것도 보내지 않음.
- 에이전트가 첫 버전을 만들게 한 뒤 브라우저에서 파일을 열고 낯선 사람처럼 사용해보세요.
- 무엇이 잘못됐는지 평범한 말로 알려주세요 — 에이전트가 파일을 직접 고치므로 "Safari에서 복사 버튼이 작동 안 해"만으로도 충분한 지시가 됩니다.
- 무료 Responsive Preview 도구로 세 가지 너비에서 레이아웃을 확인하세요.
- 무료 정적 호스팅 어디든 파일을 배포하되, 그 전에 Launch Checklist Prompt를 먼저 실행하세요 — 방법은 출시 점검 가이드에 있습니다.
실제로 드는 비용.
작은 도구 하나에 드는 건 개발 예산이 아니라 구독료입니다. 이 사이트 전체 — 모든 무료 도구와 페이지 — 는 공개 빌드 로그가 있고, 총 AI 사용 비용은 약 $565~825로 집계됩니다(릴리스 노트 참고). 도구 하나는 그중 아주 작은 조각이죠. Claude Pro는 연간 청구 시 월 $17에 Claude Code를 포함합니다 — 이 Claude 추천 링크로 시작해보세요.
작은 도구가 맞지 않는 경우.
계정, 결제, 저장되는 사용자 데이터, 민감한 것이라면 브라우저 로컬 모델이 깨집니다 — 이런 경우엔 진짜 백엔드와 진짜 엔지니어링이 필요합니다. 그리고 실제로 필요한 게 도구가 아니라 랜딩 페이지라면, Carrd 템플릿이 더 빠른 길입니다.