AI 인터랙티브 체크리스트: HTML 생성부터 테스트와 공유까지

창작 어시스턴트에 체크리스트 그림이 아니라 인터랙티브 HTML 페이지를 요청합니다. 예제는 소셜 캐러셀 게시 준비입니다.

‘품질 확인’ 대신 ‘내보낸 파일 다섯 개 모두 열기’처럼 관찰 가능한 행동을 적습니다. 공유할 페이지에는 개인 정보를 넣지 마세요. 이 예제는 페이지를 열어 둔 동안만 상태를 유지하며 계정 동기화나 팀 공동 진행 상태가 없습니다.

총수는 필터로 숨겨진 항목까지 포함해 항상 6입니다. ‘미완료만’은 표시만 바꾸고, ‘초기화’는 모든 체크를 지웁니다. 이 기준으로 실제 동작을 확인할 수 있습니다.

‘캐러셀 게시 점검’이라는 인터랙티브 HTML 체크리스트를 만들어 주세요.
세 그룹에 체크박스를 두 개씩, 정확히 여섯 개 넣으세요.
출처: 개작 권한 확인; 최종 문구 검수.
파일: 다섯 파일 모두 열기; 페이지 순서 확인.
게시: 플랫폼 잘림 미리 보기; 출처 링크 추가.
완료 수/6과 진행 막대, ‘미완료만’과 ‘초기화’ 버튼을 넣으세요. 필터는 총수를 바꾸지 않으며 초기화는 여섯 항목을 해제하고 전체 목록을 복구합니다.
명확한 레이블, 키보드 조작, 보이는 포커스와 읽기 쉬운 대비를 제공하고 좁은 휴대폰 화면에서 가로 스크롤이 없게 하세요.
크림색 배경과 보라색 포인트로 단순하게 만들고 장식 이미지는 쓰지 마세요.
상태는 메모리에만 두고 ‘새로고침하면 진행 상태가 초기화됩니다’라고 표시하세요.
브라우저 저장소, 폼, 외부 요청, 로그인, 결제 입력, 페이지 안 다운로드 링크와 외부 라이브러리는 사용하지 마세요.
코드 블록이나 스크린샷만 주지 말고 이 대화에 완전한 HTML 인터랙티브 결과물을 생성하세요.

페이지 카드가 나타나면 미리 보기를 직접 조작합니다. 저장 성공은 동작 검증이 아닙니다. 오류가 표시되면 메시지와 발생 동작을 어시스턴트에 전달하세요.

두 항목을 체크하면 2/6이어야 합니다. 미완료 필터를 켜면 네 항목이 남지만 수치는 2/6입니다. 전체로 돌아가 하나를 해제하고 초기화를 눌러 0/6인지 확인합니다. 새로고침, Tab과 스페이스 키도 시험합니다.

현재 체크리스트를 수정하세요. 두 항목을 완료하고 ‘미완료만’을 켜면 분모가 잘못 4로 바뀝니다.
분모는 필터와 관계없이 원래 여섯 항목으로 고정하고, 숨겨진 완료 항목도 상태에 남겨 두세요.
문구, 레이아웃과 새로고침 때 초기화되는 메모리 상태 방식을 유지해 수정된 페이지를 반환하세요.

수정본에서 실패했던 순서를 다시 실행하고 좁은 화면도 확인합니다. 프롬프트는 검수 목표이며 첫 생성이 통과한다는 보장이 아닙니다.

카드에서 HTML을 다운로드하고 파일을 열어 검증합니다. 이 예제는 외부 의존성을 요구하지 않지만 온라인 라이브러리를 쓰는 다른 페이지는 인터넷이 필요할 수 있습니다.

다른 사람에게 보여 주려면 내용을 확인한 뒤 페이지 공유를 사용합니다. 심사를 거쳐 만들어지는 것은 스냅샷이며 실시간 공동 체크리스트가 아닙니다. 현재 기본 유효기간은 7일입니다. 제품에 표시된 만료일을 확인하고 필요 없으면 취소하세요. 수정 뒤에는 다시 검수하고 공유하며, 기존 스냅샷이 자동 갱신된다고 가정하지 마세요.

만료나 취소 전에는 링크를 가진 사람이 볼 수 있습니다. 검색 제외는 접근 통제가 아닙니다. 공유 페이지는 브라우저 저장소, 폼 제출과 외부 서비스 요청을 사용할 수 없어 영구 진행 저장, 이메일 수집이나 백엔드를 제공하지 않습니다.

동료가 내 체크를 보나요? 아니요. 각자 열린 페이지에만 상태가 있으며 새로고침하면 지워집니다. 담당자, 장기 기록과 협업이 필요하면 전용 작업 관리 도구를 쓰세요.

영구 웹사이트로 쓸 수 있나요? 임시 공유 링크는 영구 사이트나 SEO 페이지가 아니며 공유 결과물은 검색 색인에서 제외됩니다.

다운로드해도 쓸 수 있나요? 페이지와 코드는 남지만 이 예제는 체크 상태를 저장하지 않습니다. 다운로드한 파일도 따로 확인하세요. 생성과 수정은 기존 요금에 따릅니다.

정적인 개요에는 인포그래픽, 순서대로 읽는 설명에는 소셜 카드 다섯 장이 적합합니다. 모두 창작 어시스턴트에서 시작할 수 있습니다.