소개 페이지를 세 단계로 나눠 맡기기

소개 페이지를 3단계로 계획한 뒤, 추가 지시를 받아 가상 서비스의 첫 화면을 만들고 제한된 브라우저에서 확인했다.

1. 코딩 에이전트에서 빈 연습 폴더를 열고 아래 요청문과 소개할 서비스 한 문장을 보냅니다. 예제는 할 일을 정리하는 가상 서비스 한 걸음입니다. 2. 먼저 받은 세 단계 계획에서 정보 정리→첫 화면→휴대폰·버튼 점검 순서를 읽습니다. 이번 제작팀은 추가 작업 지시로 첫 화면까지 만들었습니다. 3. 첫 화면의 제목과 설명이 의도와 맞는지 확인한 후 다음 점검을 요청합니다. 이 글은 휴대폰·버튼 점검까지 마친 사례가 아닙니다.

작은 서비스 소개 페이지를 만들고 싶지만 한 번에 전부 만들지 말아줘. 먼저 보여줄 정보와 순서를 정리하고, 내가 확인하면 첫 화면을 만든 뒤, 마지막으로 휴대폰 화면과 버튼을 점검하는 세 단계로 나눠줘. 각 단계의 끝에서 내가 무엇을 확인하면 되는지 적고, 아직 승인하지 않은 단계는 시작하지 말아줘. 나는 코딩을 처음 해. 어려운 말은 짧게 풀어 설명하고, 먼저 현재 상황을 확인한 뒤 요청한 범위만 진행해줘. 확인할 수 없는 내용은 추측하지 말고 알려줘. 내 실제 데이터나 비밀값을 사용하지 말고, 새 유료 서비스나 외부 API를 추가하지 마. 작업을 마치면 내가 직접 확인할 순서와 실행하지 못한 부분을 나누어 알려줘.

1단계 · 정보 구조: 가상 서비스의 대상과 핵심 내용, 표시 순서를 정리한다. 확인: 소개할 내용과 순서가 맞는지 확인한다. 2단계 · 첫 화면: 제목·설명·주요 링크를 만든다. 확인: 제목과 설명, 링크의 목적을 살펴본다. 3단계 · 점검: 휴대폰 화면과 링크를 점검한다. 확인: 좁은 화면에서 읽히는지, 링크가 의도한 곳으로 가는지 확인한다. 먼저 3단계 계획을 작성하고 다음 단계를 진행하지 않았다. 이후 추가 지시를 받고 가상 서비스 “한 걸음”의 첫 화면을 만들었다. 제한된 브라우저에서 제목 “오늘 할 일을 한 걸음씩”, 서비스 설명과 “서비스 살펴보기” 링크가 표시되는 것을 확인했다. 휴대폰 화면과 링크 클릭은 검사하지 않았다.

내 확인 전에 다음 작업을 시작했다면 멈추고 완료한 일과 아직 하지 않은 일을 구분해줘.

요청 조건을 읽고 제작·검사한 예제입니다. 문장만 넣은 독립적인 1회 생성 실험은 아닙니다. VibeAZ 자체 제작 · 확인한 예제 파일과 환경에서의 결과입니다. 가상 서비스의 자체 예제이며 소개 화면만 만들었다. 휴대폰 크기와 링크 클릭은 검사하지 않았다.