창업 첫걸음프롬프트공통읽기 5분· 2026.10.10· 대상 대학생 · 예비 창업 청년

AI·노코드로 첫 화면 만들기 — 주문 프롬프트

코드를 몰라도 한 장 안내 페이지는 말로 주문할 수 있습니다. 공식 도움말로 확인한 도구 셋과 프롬프트 셋

핵심만 먼저
  • Claude 도움말은 아티팩트로 문서, 한 페이지짜리 웹사이트, 작은 인터랙티브 도구 등을 만들 수 있다고 안내합니다. 요금제 표에는 무료 요금제도 채팅에서 아티팩트를 만들 수 있다고 표시되어 있습니다.
  • Gemini 앱 고객센터는 Canvas에서 문서, 앱, 슬라이드, 코드를 만들거나 수정할 수 있다고 안내합니다.
  • Google Sites는 템플릿을 고르고 내용을 고친 뒤 오른쪽 위 「게시」를 누르는 순서입니다.
  • 첫 화면에 넣을 것은 YC 강의가 든 다섯 가지면 충분합니다. 주소, 이름, 짧은 설명, 연락처, 행동 버튼.
  • AI가 채워 넣은 후기 · 숫자 · 수상 내역은 모두 지웁니다(연구소 의견).
어려운 말 풀이 8개
Y Combinator(YC)
스타트업에 투자하고 키우는 미국 기관. 창업 강의와 글을 누리집 라이브러리에 공개합니다.
노코드
코드를 직접 쓰지 않고 화면에서 고르고 끌어다 놓아 만드는 방식.
아티팩트
Claude가 대화 옆 창에 만들어 주는 결과물. 문서, 화면, 작은 도구 같은 것입니다.
Canvas
Gemini 앱에서 문서나 앱을 만들고 고치는 작업 화면.
템플릿
미리 짜 둔 틀. 글과 그림만 바꿔 넣으면 됩니다.
행동 버튼
읽은 사람이 바로 할 일을 정해 주는 버튼. «소식 받기» 같은 것입니다.
대시보드
여러 숫자와 상태를 한 화면에 모아 보는 판.
인터랙티브 도구
보기만 하는 것이 아니라 눌러 보고 입력해 보며 쓰는 작은 도구.
한국경영교육연구소 강사진 제작 · 같은 주제로 기관 출강 가능

결론 먼저 — 간판은 못 만들어도 주문서는 쓸 수 있다 (연구소 의견)

간판을 직접 만들 줄 몰라도 주문서는 쓸 수 있습니다. 크기, 글자, 색, 달 자리를 적어 주면 됩니다. AI에게 첫 화면을 맡길 때도 같습니다. 코드가 아니라 주문서를 잘 쓰는 것이 내 일입니다.

도구 셋 — 공식 도움말에서 확인한 것

도구는 자주 바뀝니다. 아래 표의 내용은 2026년 10월 10일에 각 도움말을 열어 확인한 것입니다. 어느 도구가 더 낫다는 뜻은 아니며, 이미 쓰고 있는 것으로 시작하면 됩니다(연구소 의견).

도구할 수 있는 것시작하는 법
Claude 아티팩트문서, 한 페이지짜리 웹사이트, 대시보드, 작은 인터랙티브 도구. 대화 옆에 열리고 고치거나 공유할 수 있음설정(Settings) > Capabilities(기능)에서 «Cloud code execution and file creation»(클라우드에서 코드 실행 · 파일 만들기)이 켜져 있는지 확인한 뒤, 대화에서 만들어 달라고 요청
Gemini Canvas문서, 앱, 슬라이드, 코드를 만들거나 수정. Gemini 앱 로그인 필요gemini.google.com → 입력창 아래 「파일 추가」 → Canvas 선택 → 프롬프트 입력 → 제출
Google Sites템플릿으로 웹사이트를 만들고, 게시한 뒤 볼 수 있는 사람을 «제한됨» 또는 «공개»로 선택Google Sites → 템플릿 선택 → 수정 → 오른쪽 상단 「게시」

첫 화면에 넣을 것 — YC 강의의 다섯 가지

YC 파트너 Kat Mañalac은 아래 다섯 가지만 담은 안내 페이지를 올려 두는 것을 «조용한 출시»라고 부르며, 멋진 것은 필요 없다고 말합니다. 주소는 처음에는 도구가 주는 주소로 충분합니다(연구소 의견).

  • 주소(도메인 이름)
  • 회사 또는 서비스 이름
  • 짧은 설명
  • 연락처
  • 행동 버튼 하나

쓰는 순서 (연구소 의견)

  • 창업 아이템 1장 서식의 ① 문제 · ② 고객 · ③ 해결책 칸을 보고 서비스 이름과 한 문장 설명을 적습니다. 행동 버튼에 걸 신청 폼 주소가 아직 없으면 사전 신청 점검표를 보고 폼부터 만들어 둡니다.
  • 프롬프트 ①로 첫 판을 받습니다.
  • 프롬프트 ②로 한 번에 한 곳씩만 고칩니다. 여러 곳을 한꺼번에 주문하면 무엇이 바뀌었는지 놓칩니다.
  • 프롬프트 ③으로 공개 전에 점검합니다.
  • 만든 화면을 밖에 내놓는 길은 도구마다 다릅니다(각 도움말 기준). Google Sites는 「게시」, Gemini Canvas는 「공유 및 내보내기 → 공유」의 링크(gemini.google.com에서 열림)입니다. Claude는 만든 것을 공유할 수 있고, HTML 파일(웹 화면을 적어 둔 파일)이 필요하면 「Artifacts」 탭에서 Design 템플릿(한 장 안내 페이지 같은 것을 만드는 틀)으로 시작해 만든 뒤 「Export」에서 내보냅니다.
  • 무료 공개 점검표에서 올릴 곳을 고르고, 사전 신청 점검표로 마무리합니다.

막히면 찾아볼 곳과 선 긋기 (연구소 의견)

주문하는 말이 막히면 학습실의 「업무 도구 주문 사전」과 「AI 용어 · 통역 사전」을 엽니다. AI가 한 말이 무슨 뜻인지, 이럴 때 뭐라고 입력하는지를 찾아볼 수 있습니다.

AI는 빈칸을 그럴듯하게 채우려 합니다. 후기, 이용자 수, 수상 내역, «국내 1위» 같은 말이 들어가 있으면 지웁니다. 결제와 로그인 기능은 첫 화면에 넣지 않습니다. 어떤 주문으로 만들고 무엇을 고쳤는지는 AI 활용 기록표에 남겨 두세요.

바로 해볼 것

항목을 누르면 체크 표시가 됩니다(이 기기에 저장되지는 않습니다).

  • 서비스 이름과 한 문장 설명을 메모장에 적는다.
  • 신청 폼 주소를 준비하고, 프롬프트 ①의 괄호 다섯 곳을 채워 첫 판을 받는다.
  • 처음 보는 사람 한 명에게 화면을 보여 주고 무슨 서비스인지 되물어 본다.
  • 프롬프트 ②로 가장 헷갈린 한 곳만 고친다.
  • 프롬프트 ③으로 점검한 뒤 무료 공개 점검표로 넘어간다.

복사해서 쓰는 프롬프트

「복사」를 누른 뒤 내 AI(챗GPT·클로드·제미나이 등)에 붙여 넣고, 괄호 안을 내 내용으로 바꿔 쓰세요.

① 한 장 안내 페이지 주문
한 장짜리 안내 페이지를 만들어 줘. 나는 코드를 모르니까, 내가 바로 볼 수 있는 화면으로 만들어 줘.

[들어갈 것 — 이 다섯 가지만]
1. 서비스 이름: (이름)
2. 한 문장 설명: (누구의 어떤 문제를 어떻게 덜어 주는지)
3. 짧은 설명 3줄: (지금 불편한 점 / 내가 하려는 것 / 지금 어디까지 됐는지)
4. 연락처: (이메일 주소)
5. 행동 버튼 1개: «출시 소식 받기» — 누르면 (신청 폼 주소)로 이동

[규칙]
1. 내가 적지 않은 사실을 보태지 마. 후기, 이용자 수, 수상 내역, 가격, 순위를 지어내지 마.
2. «아직 만드는 중»이라는 문구를 눈에 띄게 넣어.
3. 휴대전화 화면에서 먼저 잘 보이게 하고, 글자는 크게, 색은 두 가지만 써.
4. 로그인, 결제, 회원 가입 기능은 넣지 마.
5. 다 만든 뒤, 네가 임의로 정한 것(색, 문구, 그림)을 목록으로 알려 줘.
② 한 번에 한 곳만 고치기
방금 만든 페이지에서 아래 한 가지만 고쳐 줘. 다른 곳은 건드리지 마.

- 고칠 곳: (예: 맨 위 한 문장 설명)
- 지금 문제: (예: 처음 보는 사람이 무슨 서비스인지 모르겠다고 함)
- 바라는 모습: (예: 누가, 무엇을 할 때 쓰는지가 한 문장에 들어가게)

고친 뒤에는 무엇을 어떻게 바꿨는지 두 줄로 알려 줘.
③ 공개 전 점검 — 없는 사실 찾기
이 페이지를 공개하기 전에 점검해 줘. 고치지는 말고 표로만 보여 줘.
칸: 번호 | 문장 또는 요소 | 문제 유형 | 이유

[찾을 것]
- 근거 없는 사실: 내가 준 내용에 없는 숫자, 후기, 수상, 순위, 제휴
- 과장: «최고», «유일», «누구나»처럼 약속하는 말
- 빠진 것: 서비스 이름, 한 문장 설명, 연락처, 행동 버튼, «만드는 중» 표시
- 개인정보: 이메일 말고 더 받으려는 정보가 있는지
- 휴대전화에서 읽기 어려운 곳

[내가 준 원래 내용]
(프롬프트 ①에 넣었던 다섯 가지 붙여 넣기)

출처 5건

이 글의 숫자와 사례는 아래 출처에서 가져왔습니다. 기준일 2026.10.10 · 링크는 새 창으로 열립니다.

  1. What are artifacts and how do I use them? · Claude Help Center(Anthropic) · 2026-10아티팩트 정의(대화 옆에 열리고 편집 · 공유 가능), 만들 수 있는 것(documents, single-page websites, dashboards, small interactive tools 등), 요금제 표 «Create artifacts in a chat» Free 포함, 필수 조건 «Artifacts require Cloud code execution and file creation to be turned on in Settings > Capabilities (Free, Pro, Max)», 내보내기 «Designs export as a .zip, PDF, PowerPoint, or standalone HTML»(Design 템플릿은 모든 요금제), 공유 «Artifacts start private to you» — 페이지 표기 «Updated yesterday», 2026-10-10 확인
  2. Canvas로 문서, 앱 등 만들기 · Gemini 앱 고객센터(Google) · 2026«Canvas에서 Gemini의 도움을 받아 문서, 앱, 슬라이드 또는 코드를 만들거나 수정할 수 있습니다», 로그인 필요, 시작 순서(«하단의 텍스트 상자 아래에서 파일 추가 → Canvas를 클릭»), 공유 순서(«Canvas 패널 오른쪽 상단에서 공유 및 내보내기 → 공유», 링크는 g.co/gemini/share, «공유된 링크는 gemini.google.com에서만 열립니다») — 게시일 표기 없음, 2026-10-10 확인
  3. Google Sites 사용 방법 · 사이트 도구 고객센터(Google) · 2026사이트 만들기 순서(템플릿 선택 → 수정 → 오른쪽 상단 게시) — 게시일 표기 없음, 2026-10-10 확인
  4. 사이트 게시 및 공유하기 · 사이트 도구 고객센터(Google) · 2026게시 순서, 공유에서 게시된 사이트를 «제한됨» 또는 «공개»로 선택 — 게시일 표기 없음, 2026-10-10 확인
  5. How to launch (again and again) · Y Combinator Startup Library · 2019-08Kat Mañalac 강의(녹취) — «silent launch»: «you do not need anything fancy… a domain name, your company name, a short description, a contact, and a call to action» · 날짜는 라이브러리 등록 시점
#첫 화면#안내 페이지#프롬프트#노코드#Claude 아티팩트#Gemini Canvas#Google Sites
BOOKING · 이 자료의 출강 문의
이 자료로 강의 부르고 싶다면

한국경영교육연구소 전문 강사진 주제·기간·대상별 맞춤 설계