오늘 하루,
이 페이지가 여러분의 가이드입니다

스킬은 Codex에게 미리 심어 둔 작업 설명서입니다. “로고 만들어줘” 같은 요청이 들어오면 Codex가 알맞은 스킬을 꺼내 씁니다. 몇 개는 처음부터 들어 있고, 나머지는 한 줄로 설치합니다.

1. 내가 가진 스킬 확인 — Codex 입력창에 $ 한 글자를 치면 사용 가능한 스킬 목록이 뜹니다. /skills 를 쳐도 됩니다.목록이 안 뜨면 아래 노란 상자를 읽으세요 — 고장이 아니고, 오늘은 그대로 진행하면 됩니다.
2. 없는 스킬 설치 — 입력창에 아래처럼 치고 실행하면 Codex가 알아서 받아옵니다.설치가 끝나면 Codex를 새로고침(재시작)해야 새 스킬을 인식합니다.

$skill-installer vercel-deploy

처음부터 들어 있는 스킬 — 따로 설치할 필요 없습니다.

필요할 때 설치하는 스킬

1. chatgpt.com에 로그인 → 왼쪽 메뉴(또는 상단)에서 Codex를 엽니다.
2. 처음이라면 GitHub 계정 연결 화면이 나옵니다 → 연결(Authorize)합니다.새 저장소 생성 권한을 물으면 허용합니다.

아래 프롬프트를 통째로 복사해 Codex에 붙여넣습니다. Codex가 코드를 작성하고 GitHub 저장소에 커밋/PR합니다. 완성 예시는 데모 사이트 7종을 참고하세요.

내 브랜드 홈페이지를 만들어줘. 새 GitHub 저장소를 만들어서 작업해줘.

- 브랜드 이름: [내 브랜드 이름]
- 무엇을 파는지: [예: 반려동물 수제 간식]
- 느낌: [예: 따뜻하고 신뢰감 있는] 톤의 미니멀한 디자인
- 페이지 구성: 홈(브랜드 한 줄 소개 + 대표 제품), 내 소개, 제품, 이야기(블로그), 연락하기
- 순수 HTML/CSS/JS 정적 사이트로 만들어줘 (빌드 도구 없이, index.html이 저장소 최상위에 오게)
- 한국어 사이트, 모바일에서 잘 보이게, <meta charset="utf-8"> 포함
- 아직 없는 내용은 자연스러운 임시 문구로 채워줘. 이후 내가 하나씩 바꿀 거야.

작업이 끝나면 Codex가 저장소 이름을 알려줍니다. 그 이름을 기억해 두세요.

1. vercel.com 로그인 (GitHub으로 로그인 권장).
2. 대시보드에서 Add New… → Project 클릭.
3. 목록에서 방금 Codex가 만든 GitHub 저장소를 Import.목록에 없으면 §7 "Vercel Import에 저장소가 안 보여요" 참고.
4. 설정은 건드리지 말고 Deploy 클릭 → 1~2분 대기.
5. 완료 화면의 내이름.vercel.app 주소를 눌러 내 사이트가 열리는지 확인.

이번엔 반대로 갑니다 — 내가 쓰는 게 아니라, Codex가 나를 인터뷰하게 하세요. 완성 예시는 데모의 내 소개 페이지를 보세요.

'내 소개' 페이지를 만들기 전에, 먼저 나를 인터뷰해줘. 아래 5가지를 하나씩 물어봐:
① 왜 이 일을 시작했는지 (그때의 구체적 장면)
② 가장 힘들었던 순간
③ 내 제품에서 절대 타협하지 않는 한 가지
④ 기억에 남는 고객 한 사람
⑤ 앞으로의 약속
내 답변을 받으면, 그걸로 '내 소개' 페이지를 만들어줘:
- 첫 화면: 내 이야기를 한 문장으로 요약한 큰 헤드라인 (예: "바를 수 없어서, 만들기 시작했습니다" 같은 형식) + 대표 사진 자리
- 본문: 1인칭 스토리 (보도자료 말투 금지, 사람이 말하듯)
- 중간에 인용 블록 1개, 연혁 타임라인, 마지막에 약속 한 문장
- 사전등록 때 낸 소개 자료가 있으면 이 대화에 붙여넣을게, 반영해줘

사전등록 때 제출한 대표 소개 근거자료·브랜드 스토리 메모는 참가자 포털의 [설문 수정]에서 다시 볼 수 있습니다 — 인터뷰 답변과 함께 붙여넣으세요.

1. 제품 수집 도구 페이지를 열고, 안내대로 버튼을 브라우저 북마크바로 드래그합니다.북마크바가 안 보이면 §7 "북마클릿이 안 눌려요" 참고.
2. 내 스토어(스마트스토어·쿠팡 등)의 제품 상세 페이지를 연 상태에서 북마크바의 버튼을 클릭 → 제품 정보가 자동으로 수집됩니다.
3. 수집된 결과(제품명·가격·이미지·구매 링크)를 복사해서 아래 프롬프트의 [ ]에 붙여넣습니다. 제품이 여러 개면 반복해서 모읍니다.

블로그는 처음부터 만들지 않습니다. 준비된 블로그 키트 4개 파일을 내 사이트에 이식하면 목록·상세·관리 페이지가 한 번에 생깁니다.

내 사이트에 블로그를 추가해줘.

1) https://runday.irumai.kr/260829/kit/blog/ 에서 posts.json, index.html, post.html, admin.html
   4개 파일을 받아 내 저장소의 story/ 폴더에 넣어줘.

2) story/index.html 과 story/post.html 을 내 사이트와 '같은 사이트'로 보이게 통합해줘.
   - 내 홈페이지의 헤더(로고)·네비게이션·푸터·모바일 메뉴를 그대로 가져와 붙일 것
   - 색·서체·버튼·카드 모양도 홈페이지 기준으로 맞출 것
   - 단, 글 본문 폭은 읽기 편하게 680px 정도로 유지
   - admin.html 은 손대지 마

3) 네비게이션의 '이야기'가 story/ 로 연결되고,
   블로그 페이지에서는 '이야기'가 현재 메뉴로 표시되게 해줘.

4) 홈페이지에도 블로그 최신 글이 자동으로 보이게 해줘.
   - story/posts.json 을 읽어서 최신 3개를 날짜 내림차순으로 표시
   - 카드에 제목·날짜·요약, 클릭하면 해당 글 상세로 이동
   - '이야기 더 보기' 버튼은 story/ 로
   - 앞으로 글을 추가하면 홈도 자동으로 바뀌게 (제목·날짜 하드코딩 금지)

5) posts.json 의 샘플 글 2개는 그대로 둬.

마지막에 아래 4가지를 직접 확인하고 결과를 알려줘.
- 홈에 최신 글 3개가 뜨는가
- story/ 와 글 상세에 홈과 같은 네비게이션·푸터가 있는가
- 모바일 폭에서 메뉴가 정상 동작하는가
- 브라우저 콘솔 오류가 없는가

재배포 후 확인 4가지 — 하나라도 안 되면 아래 재요청 문장을 쓰세요.

블로그가 아직 내 사이트와 따로 놀아. 아래를 마저 해줘.
- story/index.html 과 story/post.html 에 홈페이지와 똑같은 헤더·네비게이션·푸터·모바일 메뉴를 넣어줘
- 홈페이지에 story/posts.json 의 최신 글 3개를 날짜순 카드로 자동 표시해줘 (클릭하면 상세로)
- 색·서체·버튼 모양도 홈 기준으로 통일해줘 (본문 폭 680px 는 유지)
- admin.html 은 건드리지 마

1. 재배포가 끝나면 내 사이트의 story/admin.html을 엽니다 (예: https://내이름.vercel.app/story/admin.html).
2. 화면 안내대로 GitHub 토큰을 발급합니다.Repository access: 내 저장소만 선택 · 권한은 Contents: Read and write만.
3. 발급된 토큰을 관리 페이지에 붙여넣어 연결합니다.

사전등록 설문에 적은 블로그 글감(고객이 자주 묻는 것, 들려주고 싶은 이야기)을 꺼내세요. 없으면 지금 3개만 떠올려도 됩니다.

블로그에 올릴 글 3편을 써줘.

[글감]
1. [예: 겨울철 보관법]
2. [예: 첫 제품 실패담]
3. [예: 우리 제품이 다른 이유]

요청사항:
- 제목은 고객이 실제로 검색할 만한 질문형으로 (예: "○○은 어떻게 보관하나요?")
- 각 글 끝에 관련 FAQ 3개(질문+짧은 답)를 붙여줘
- 내 제품이 자연스럽게 언급되면 제품 페이지로 링크
- 과장·거짓 없이, 내가 아는 사실 기반으로
- 글마다 작성자([내 이름 · 브랜드 대표])를 넣고, FAQ는 faq 필드([{q, a}])로
- 결과를 story/posts.json 형식으로 추가하고 커밋해줘
  (또는 관리 페이지 '새 글'에 붙여넣어 발행)

내 사이트가 검색엔진과 AI 답변에 잘 발견되게 정리해줘.
- 모든 페이지에 알맞은 <title>과 meta description
- sitemap.xml과 robots.txt 생성
- 브랜드·제품 정보를 JSON-LD 구조화 데이터로 추가
- AI가 내 브랜드를 이해할 수 있게 llms.txt 파일 생성 (브랜드 소개, 파는 것, 페이지 안내)
- 블로그 FAQ에는 FAQ 구조화 데이터 적용
- story/admin.html 은 sitemap에서 빼고, 그 페이지 head에
  <meta name="robots" content="noindex,nofollow"> 를 넣어줘
- 모든 페이지에 canonical URL 을 내 실제 주소 기준으로 넣어줘
- 확인되지 않은 리뷰·별점·재고·영양정보·효능은 구조화 데이터에 넣지 마
  (화면에 실제로 보이는 사실만 넣을 것)
내 사이트 주소는 [내 vercel.app 주소]야.

서치콘솔 등록 4단계 — 배포가 끝난 뒤:

1. Google 서치콘솔 접속 → 구글 계정 로그인.
2. 속성 추가 → URL 접두어에 내 사이트 주소(https://내이름.vercel.app) 입력.
3. 소유권 확인: HTML 태그 방식 선택 → 나온 메타 태그를 복사해 Codex에게 "이 메타 태그를 모든 페이지 head에 넣어줘: [태그 붙여넣기]" → 재배포 후 확인 버튼.
4. 왼쪽 Sitemaps 메뉴에서 sitemap.xml 제출.

1. 휴대폰이나 다른 브라우저에서 내 주소를 열어 최종 확인 (모바일에서 깨지면 §7 참고).
2. 참가자 포털 → 결과물 제출 → 사이트 URL 붙여넣기 + 한 줄 소개.
3. 스크롤 효과 등 인터랙티브 요소를 넣었다면 체크(★) — 가점입니다. (팁 4: 인터랙티브는 2개만, 과하지 않게)
4. 16:00 마감 — 미완성이어도 열리는 URL이면 제출하세요. 다시 제출하면 덮어씁니다.

1. GitHub 토큰을 아무 데나 붙여넣지 마세요§5에서 발급하는 토큰은 내 저장소의 비밀번호입니다. Codex 대화창·단톡방·스크린샷·발표 화면에 절대 넣지 마세요. 발급할 때 Repository access는 내 저장소만, 권한은 Contents: Read and write만, 만료일은 짧게 잡습니다. 공용 PC에서 관리 페이지에 연결했다면 집에 가기 전 GitHub에서 그 토큰을 Revoke하세요.
2. 고객 이야기에 실명·연락처·주문번호를 쓰지 마세요후기를 싣고 싶다면 김○○ 님처럼 익명화하고, 캡처 이미지는 이름·전화번호·주소를 가린 뒤 올립니다. 동의 없이 올린 내용은 나중에 지워도 검색엔진에는 한동안 남습니다.
3. 효능·과장 표현을 Codex가 지어내게 두지 마세요식품·화장품·건강기능식품은 표시광고 규제 대상입니다. “치료” “완치” “○○에 좋다” “부작용 없음” 같은 문구는 쓰지 않습니다. 지어낸 수치(성분 함량, 효과 기간, 누적 고객 수)도 같습니다. 프롬프트 끝에 “확인되지 않은 효능·수치는 절대 쓰지 마”를 붙이세요.
4. 남의 사진·폰트·음악을 가져다 쓰지 마세요구글 이미지 검색 결과, 다른 브랜드의 상품컷, 유료 폰트, 배경음악 모두 저작권이 있습니다. 내가 찍은 사진 · 내 스토어의 내 제품컷 · 이미지 생성 스킬로 만든 이미지만 씁니다.