템플릿으로 시작하기: 앱을 위한 미리 작성된 첫 프롬프트
Mythex에는 mythex.ai/templates에 템플릿 라이브러리가 있습니다. 각 템플릿은 사이트나 앱의 한 종류를 설명합니다. 대기자 명단 랜딩 페이지, 이발소 예약 사이트, 영업 CRM 같은 것들이죠. 각 템플릿에는 그 종류에 맞춰 작성된 시작 프롬프트가 함께 들어 있습니다. 템플릿 사용을 누르면 Mythex가 그 프롬프트가 미리 채워진 새 프로젝트를 만들고, 에이전트가 첫 버전을 빌드합니다. 그 결과를 채팅에서 다듬으면 됩니다.
템플릿이란 무엇인가
Mythex 템플릿은 시작 프롬프트이지, 시작 프로젝트가 아닙니다. 이 차이는 정확히 짚어 둘 가치가 있습니다.
| 템플릿은 | 템플릿이 아닌 것 |
|---|---|
| 신중하게 작성된 첫 프롬프트가 담긴 시작 페이지 | 한 번 클릭으로 리믹스하거나 복제하는 미리 만들어진 프로젝트 |
| 그 프롬프트에서 만들어지는 새 AI 빌드 | 고정된 디자인을 픽셀 단위로 그대로 복사한 결과물 |
| 무료로 열어볼 수 있으며, 새 프로젝트와 같은 크레딧과 규칙을 따름 | 일반 대시보드 작성기와 별개인 제품 |
템플릿을 사용하면 에이전트는 프롬프트에서 앱을 처음부터 새로 만듭니다. 남의 코드를 복사한 것이 아니라, 여러분을 위해 만들어진 여러분만의 프로젝트를 받게 됩니다.
프로젝트가 아니라 프롬프트인 이유
시작할 때 가장 어려운 부분은 종종 첫 메시지입니다. “우리 이발소를 위한 예약 사이트”를 원한다는 건 알아도, 어떤 페이지가 필요한지, 예약 흐름이 어떠해야 하는지, 어떤 세부 사항을 언급해야 하는지는 모를 수 있습니다. 좋은 시작 프롬프트는 이런 것들을 다루는데, 처음부터 쓰다 보면 절반은 빠뜨리기 쉽습니다.
템플릿 프롬프트는 그 사용 사례에 맞춰 작성되어 있으므로, 첫 버전이 그 종류의 사이트에 필요한 모습에 더 가깝게 시작합니다. 그리고 이것은 고정된 코드베이스가 아니라 프롬프트이기 때문에, 결과가 누군가의 디자인 선택에 묶이지 않습니다. 그다음에 일어나는 일은 다른 프로젝트와 똑같습니다. 채팅으로 방향을 잡으면 됩니다.
템플릿 사용법
- Mythex 사이트에서 **템플릿**을 엽니다. 홈페이지와 주 내비게이션에도 링크되어 있습니다.
- 하나를 찾습니다. 키워드로 검색하거나 필터로 카테고리와 하위 카테고리를 좁힙니다. 휴대폰에서는 필터가 아래에서 올라오는 시트로 열립니다. 맞는 것이 없으면 **일치하는 템플릿이 없습니다.**가 표시됩니다.
- 템플릿 사용을 클릭합니다.
- 아직 가입하거나 로그인하지 않았다면 가입하거나 로그인합니다. Mythex가 템플릿 프롬프트가 채워진 새 프로젝트를 만듭니다.
- 에이전트가 첫 버전을 빌드하는 것을 지켜본 뒤, 채팅에서 다듬습니다.
시작한 뒤에는
첫 결과물은 초안으로 생각하세요. 이후로는 일반 프로젝트와 다르지 않습니다.
- 채팅에서 요청해 문구, 레이아웃, 기능을 바꿉니다.
- 다른 곳에서처럼 미리보기와 코드를 오가며 봅니다.
- 준비가 되면 게시합니다.
작고 구체적인 후속 요청이 전체를 다시 만들어 달라고 하는 것보다 잘 작동합니다. 변경이 잘못되면 체크포인트로 되돌리세요.
앱이 사용하는 기술
템플릿은 파일이 아니라 제품 설명을 정합니다. 기술은 여전히 Mythex가 프롬프트를 보고 고릅니다. 별다른 언급이 없으면 Vite + React + TypeScript + Tailwind에서 시작합니다. 웹 앱에 흔히 쓰이는 현대적인 구성이며, 채팅하는 동안 라이브 미리보기도 준비됩니다.
Mythex에는 프레임워크를 고르는 설정 화면이 없습니다. 여러분이 쓴 내용에서 구성을 추론합니다. 그러니 특정한 것을 원한다면 말하세요. 첫 메시지에 쓰거나, 템플릿 프로젝트가 시작된 뒤 채팅에서 말하면 됩니다.
- “Next.js를 써 줘”
- “순수 정적 HTML 랜딩 페이지로”
- “Python 백엔드에 간단한 웹 프론트엔드”
- “C# API” 또는 “Java 백엔드”
C#이나 Java 서비스처럼 컨테이너가 필요한 백엔드의 경우, Mythex는 앱과 함께 Dockerfile(컨테이너 이미지를 빌드하는 레시피)을 작성하고 실행 및 게시 방법을 기록합니다. 미리보기는 여러분의 비공개 샌드박스에서 실행되며, 게시를 누르면 이미지를 빌드해 다른 앱과 같은 게시 흐름으로 배포합니다. 여러분이 호스팅을 따로 설정할 필요는 없습니다.
나중에 기술을 바꿔 달라고 요청할 수도 있지만, 선호하는 기술을 일찍 말해 두면 크레딧을 아낄 수 있습니다.
한계
- 워크스페이스 안에는 아직 템플릿 갤러리가 없습니다. 템플릿은 공개 사이트에 있습니다. 템플릿 사용은 프롬프트가 채워진 일반 프로젝트 생성 흐름으로 보냅니다.
- 결과는 다릅니다. 각 템플릿은 에이전트가 빌드하는 프롬프트이므로, 같은 템플릿으로 만든 두 프로젝트가 똑같이 보이지는 않으며 고정된 디자인의 복사본도 아닙니다.
- 템플릿이 기술 스택을 고정하지는 않습니다. 무엇을 만들지를 정할 뿐, 어떻게 만들지는 정하지 않습니다. 기술 선호가 있다면 프롬프트에 적으세요.
- 템플릿으로 빌드하는 비용은 다른 첫 프롬프트로 빌드하는 것과 같습니다.
직접 시작 프롬프트를 쓰고 싶다면, AI 앱 빌더용 프롬프트 작성법 가이드에서 무엇을 포함할지 다룹니다. 랜딩 페이지 템플릿과 함께 보기 좋은 가이드는 전환되는 랜딩 페이지 만드는 법입니다.
자세한 내용은 문서에서 확인하세요: 웹사이트 및 앱 템플릿, 기술이 선택되는 방식.