배경
HTML 전자책 같은 건 Figma도 모르고, 코딩도 모르면 원래는 아예 엄두도 못 낼 일이었습니다. "나만의 가이드북"을 갖고 싶어도 만드는 방법을 몰랐죠.
과정
GPTers 21기 스터디에서 /gpters-21th-hello 스킬을 실행했습니다.
이름(유징이)과 관심 분야(코딩/개발) 두 가지만 입력
Claude Code가 사례 DB를 자동으로 읽고 코딩/개발 사례 5개 선별
디자인 시스템을 적용한 B5 스타일 HTML 전자책 15쪽 자동 생성
표지, 목차, 프로필, 사례, 팁, 로드맵, 마무리 — 완전한 구성
사용한 기능: 커스텀 스킬(/gpters-21th-hello), 사례 DB 자동 검색, HTML 자동 생성
포함된 사례 5선 (코딩/개발 맞춤):
바이브코딩 2일차: 설계 없이 시작하면 AI도 헤맨다
Pencil.dev + Claude Code로 와이어프레임부터 프로토타입까지
AI 네이티브 바이브 코더 되기 feat PDCA
AI 맞춤형 실습 플랫폼 7일 개발기
바이브코딩이 맴도는 이유를 찾았습니다
결과
Before: 전자책? 코딩 모르면 불가능한 일
After: 이름과 관심 분야 입력 → 3분 → 15쪽 맞춤 전자책 완성
gpters-21th-yujingi.html — 브라우저에서 바로 열리고, Ctrl+P로 PDF 변환도 됩니다.
배운 점
"프롬프트 한 줄"의 위력을 몸으로 느꼈습 니다.
내가 할 건 이름 두 글자와 관심 분야 하나 — 나머지는 Claude Code가 다 했습니다. 코딩을 모르는 사람도, 원하는 결과물을 명확히 알면 만들 수 있다는 것.
첫 번째 Claude Code 체험 — 앞으로 어떤 것들을 만들 수 있을지 기대됩니다.
