[무료배포] 코딩 몰라도 나만의 웹앱이 뚝딱! 바이브 코딩 시작 프롬프트 100선

🤖 코딩 몰라도 나만의 웹앱이 뚝딱!

💡 한 줄 핵심 메시지

📊 이것만 알면 됩니다 - 이 자료 핵심 수치

🌐 왜 지금 바이브 코딩인가?

AI가 코드를 대신 써주는 시대가 왔습니다.

'바이브 코딩(Vibe Coding)' 은 코딩 지식 없이 Claude·ChatGPT 같은 AI에게 원하는 앱을 자연어로 설명하면, AI가 완성된 코드를 만들어주는 새로운 개발 방식입니다.

지금 전 세계적으로 비개발자들이 바이브 코딩으로 자신만의 툴, 앱, 자동화 도구를 만들고 있습니다. 가계부, 습관 트래커, 퀴즈 앱, 게임까지 — 아이디어만 있으면 AI가 만들어 줍니다.

🤖 바이브 코딩 도구 비교 - 어떤 도구들이 있나요?

바이브 코딩을 도와주는 AI 도구는 이미 다양하게 출시되어 있습니다. 크게 채팅형 AI 와 통합 개발 환경(IDE)형 AI 로 나뉩니다.

👥 그 많은 도구 중, 왜 Claude인가요?

피플웨어교육컨설팅이 수백 명의 수강생과 함께 직접 비교 테스트한 결과, 초보자에게는 Claude가 가장 적합한 시작점 이라는 결론에 이르렀습니다.

📖 이 자료는 무엇인가요?

《바이브 코딩 시작 프롬프트 100선 — 초보자용》은 코딩을 전혀 몰라도 Claude에 복사·붙여넣기 만 하면 바로 실행 가능한 웹앱 제작 프롬프트 모음집입니다.

🫵 이런 분께 꼭 필요합니다

🗺️ 어떻게 사용하나요? - 4단계

💡 분야별 프롬프트 예시 14개

🏠 일상생활 · 쉬움 — 가계부 자동 계산기

안녕하세요 Claude!
가계부 자동 계산기 웹앱을 만들어 주세요.
수입과 지출 항목(날짜, 금액, 카테고리, 메모)을 입력하면
월별 잔액, 카테고리별 지출 합계를 자동으로 보여주는 단일 HTML 파일입니다.
항목 추가·삭제가 되고 합계가 실시간으로 바뀌면 좋겠습니다.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

💼 업무·생산성 · 보통 — 칸반 보드

안녕하세요 Claude!
칸반 보드 웹앱을 만들어 주세요.
할 일·진행 중·완료 세 개의 열에 카드를 추가하고
드래그 앤 드롭으로 이동시킬 수 있는 단일 HTML 파일입니다.
각 카드에 제목, 담당자, 마감일을 입력할 수 있고
열별 카드 수가 표시되면 좋겠습니다.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

📚 교육·학습 · 쉬움 — 단어 암기 플래시카드

안녕하세요 Claude!
플래시카드 단어 암기 웹앱을 만들어 주세요.
앞면(단어/질문)과 뒷면(뜻/답)을 입력하면 플래시카드 세트를 만들고,
카드를 클릭하면 뒤집히는 애니메이션으로 암기할 수 있는 단일 HTML 파일입니다.
'알았어요'/'모르겠어요' 버튼으로 카드를 분류하고 정답률도 보여주세요.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

💪 건강·피트니스 · 쉬움 — 물 마시기 트래커

안녕하세요 Claude!
물 마시기 트래커 웹앱을 만들어 주세요.
하루 목표 물 섭취량(ml)을 설정하고, 물을 마실 때마다 버튼을 눌러 기록하면
오늘 총 섭취량과 목표 달성률을 물병 시각화로 보여주는 단일 HTML 파일입니다.
마신 시간 기록도 남겨주세요.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

🍳 요리·음식 · 쉬움 — 요리 인분 계산기

안녕하세요 Claude!
요리 인분 계산기 웹앱을 만들어 주세요.
원래 레시피의 기준 인분과 재료(이름·양·단위)를 입력하면,
원하는 인분 수를 슬라이더로 조정할 때 모든 재료 양이
자동으로 비례 계산되는 단일 HTML 파일입니다.
결과를 복사할 수 있으면 좋겠습니다.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

✈️ 여행·취미 · 쉬움 — 여행 경비 분배기

안녕하세요 Claude!
여행 경비 분배 계산기 웹앱을 만들어 주세요.
여행 참여자 이름을 입력하고, 각 지출 항목(내용, 금액, 결제자, 포함 인원)을 입력하면
사람별 최종 정산 금액과 '누가 누구에게 얼마를 줘야 하는지'
깔끔하게 계산하는 단일 HTML 파일입니다.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

🎨 창작·미디어 · 쉬움 — 컬러 팔레트 생성기

안녕하세요 Claude!
컬러 팔레트 생성기 웹앱을 만들어 주세요.
색상 휠에서 메인 색상을 선택하면 보색·유사색·삼각 배색 등
여러 조합의 5색 팔레트를 자동으로 생성하고,
각 색상의 HEX·RGB 코드를 클릭 한 번으로 복사할 수 있는 단일 HTML 파일입니다.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

🔢 수학·계산 · 쉬움 — 복리 이자 계산기

안녕하세요 Claude!
복리 이자 계산기 웹앱을 만들어 주세요.
원금, 연이율(%), 투자 기간(년), 이자 복리 주기(월/분기/년)를 입력하면
최종 금액, 총 이자, 연도별 자산 성장 그래프를 보여주는 단일 HTML 파일입니다.
단리와 복리 비교도 한눈에 볼 수 있으면 좋겠습니다.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

🎮 게임·오락 · 쉬움 — 사다리 타기 게임

안녕하세요 Claude!
사다리 타기 게임 웹앱을 만들어 주세요.
참가자 이름 목록과 결과 목록(당번·선물·벌칙 등)을 입력하면
랜덤 사다리를 그려주고, 이름을 클릭하면 해당 참가자의 사다리 경로를
선으로 따라가며 결과를 보여주는 단일 HTML 파일입니다.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

👶 학부모·육아 · 쉬움 — 어린이 용돈 기입장

안녕하세요 Claude!
어린이 용돈 기입장 웹앱을 만들어 주세요.
받은 용돈(이유, 금액)과 쓴 돈(무엇을 샀는지, 금액)을 입력하면
남은 용돈을 크게 보여주고, 저축 목표를 설정해서 달성률을 시각화하는
단일 HTML 파일입니다.
어린이가 쓰기 쉽고 밝은 색상으로 만들어 주세요.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

🏘️ 부동산·재테크 · 쉬움 — 월세·전세 비교 계산기

안녕하세요 Claude!
월세·전세 비교 계산기 웹앱을 만들어 주세요.
전세 보증금, 월세 보증금, 월세 금액, 내 자금, 대출 금리를 입력하면
기회비용과 실제 부담 비용을 계산해서
전세와 월세 중 어느 조건이 유리한지 비교해주는 단일 HTML 파일입니다.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

🎉 이벤트·행사 · 쉬움 — 룰렛 추첨 도구

안녕하세요 Claude!
룰렛 추첨 도구 웹앱을 만들어 주세요.
참가자 이름이나 항목을 입력하면 색상 조각으로 나뉜 룰렛 원판이 만들어지고,
돌리기 버튼을 클릭하면 회전 후 당첨자가 표시되는 단일 HTML 파일입니다.
이미 당첨된 사람은 제외하고 다음 추첨을 할 수 있으면 좋겠습니다.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

🌿 환경·날씨 · 쉬움 — 식물 물주기 관리기

안녕하세요 Claude!
식물 물주기 관리 웹앱을 만들어 주세요.
식물 이름, 종류, 마지막 물 준 날짜, 물주기 주기(며칠마다)를 입력하면
다음 물주기 날짜까지 남은 일수를 보여주고,
오늘 물줘야 할 식물 목록을 상단에 강조하는 단일 HTML 파일입니다.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

💬 소셜·커뮤니티 · 쉬움 — 감사 편지 생성기

안녕하세요 Claude!
감사 편지 생성기 웹앱을 만들어 주세요.
받는 사람(이름·관계), 감사한 이유, 원하는 분위기(따뜻한·공식적·유머러스)를 입력하면
진심 어린 감사 편지 문구 3가지를 자동 생성하고
복사할 수 있는 단일 HTML 파일입니다.
이모지와 함께 카드 형식으로 꾸밀 수 있으면 좋겠습니다.
가능하다면 시각 자료, 체크리스트 또는 인터랙티브한 것처럼 함께 볼 수 있는 무언가를 만들어 주세요.
도움 주셔서 감사합니다!

📥 지금 바로 무료 다운로드

블로그 포스팅에서 자료를 무료로 받으실 수 있습니다.

🔗 관련 링크

🏠 AI 프롬프트 연구소 | 🎓 정진일의 PEOPLEWARE 📮 정진일의 지식레시피
📺 AI에 날개를 달다 📝 자기성장에 날개를 달다 | 💬 AI 생산성 전문가
📚 AI 에이전트를 활용한 업무 자동화 클래스 🎯 AI 전문강사(제자) 양성 클래스

'뉴스 메일' 서비스를 시작합니다.

2024년 9.30일부터 매주 월요일 아침 '뉴스 메일' 서비스를 시작합니다. 여러분의 웃음을 책임질 유머 한 스푼, 마음을 울릴 감동 한 스푼, 그리고 중요한 정보를 가득 채운 팩트 한 국자까지!

25년 동안 기획자로, 프로강사로, 콘텐츠 제작자로, 지식창업자로, 생산성 전문가로, AI 프롬프트 엔지니어로 활동해오면서 차곡차곡 나만의 보물 창고에 쌓아두었던 콘텐츠+노하우+스토리를 가지고 '뉴스 메일'로 찾아갑니다. 

여러분의 일상에 활력을 불어넣을 최고의 지식 레시피, 라이프 레시피를 준비했습니다. 기대해 주세요!!

[구독하기] Click!