Mission 1 - 도메인에서 라이브 웹사이트까지

첫 번째 라이브 AI 웹사이트를 게시하세요.

대시보드에서 관리형 도메인을 연결한 후 WebTerminal에서 Codex로 직접 빌드하거나, 먼저 OpenClaw를 Telegram과 연동한 뒤 채팅에서 동일한 인스턴스 인식 핸드오프를 전송할 수 있습니다. 어떤 경로를 선택하든 크리에이티브 브리프가 직접 검증하고 개선할 수 있는 공개 웹사이트로 구현됩니다.

미션 결과물

개인 관리형 AI 환경에서 구축되어 연결된 도메인에서 작동하는, 멘토 검토 준비가 완료된 HTTPS 웹사이트.

제어 방식을 선택하세요

WebTerminal에서 직접 작업하거나 Telegram의 OpenClaw를 통해 운영하세요.

두 경로 모두 동일한 관리형 인스턴스, 도메인 핸드오프, 수정 가능한 크리에이티브 브리프, 릴리스 검사 및 멘토 검증 게이트를 사용합니다. 원활하게 시작하고 계속 주도권을 유지할 수 있는 인터페이스를 선택하세요.

직접 경로 - 추가 설정 없음

WebTerminal에서 빌드

명령어, 파일, 서비스 및 검증 결과를 즉시 확인하려면 이 페이지의 전체 너비 터미널을 사용하세요. 먼저 인스턴스 핸드오프를 붙여넣은 다음, 수정된 웹사이트 브리프를 붙여넣으세요.

WebTerminal에서 계속하기

Telegram 우선 경로 - 최초 1회 설정

OpenClaw로 운영

채팅 인터페이스를 선호하시나요? 먼저 OpenClaw Mission 0을 완료하여 오케스트레이터를 설치하고, 봇을 Telegram과 페어링한 후 실시간 연결을 검증하세요. 그런 다음 여기로 돌아와 페어링된 OpenClaw 채팅을 통해 동일한 인스턴스 핸드오프 및 수정된 브리프를 전송하세요.

1
OpenClaw Orchestrator Lab을 열고 자가 등록하세요.
2
Mission 0을 완료하고 Telegram 페어링을 엔드투엔드로 검증하세요.
3
이 미션으로 돌아와 Telegram에서 동일한 핸드오프 및 웹사이트 브리프를 전송하세요.

OpenClaw Mission 0 시작하기 OpenClaw 가이드 미리보기

인터페이스는 달라져도 인도 계약 조건은 동일합니다. 실제 HTTPS 웹사이트를 배포 및 검증하고 객관적인 증거를 제출하세요.

파운더 튜토리얼 영상

시작하기 전에 도메인 연결부터 인도까지의 전체 워크플로우를 시청하세요.

자막이 제공되는 영어 오디오입니다. 이 녹화 영상은 실제 관리형 도메인과 실제 인스턴스 워크플로우를 사용하며 자격 증명이나 학습자의 개인 데이터는 노출되지 않습니다.

접근성 전사본 열기

비디오 챕터

00:00결과 우선: 완성된 공개 웹사이트
00:24관리형 도메인 연결
01:03인스턴스 인계 복사
01:15Codex 브리핑 및 구축
02:26HTTPS, 모바일, 접근성 및 증빙 검증

5단계 운영자 경로

1
도메인 연결 - 실행 중인 인스턴스를 선택하고 새 관리형 도메인을 연결합니다.
2
인계 복사 - Agent 탭을 열고 Instance Agent Handoff를 복사합니다.
3
에이전트 브리핑 - 인계 내용을 붙여넣고 아래의 크리에이티브 요구사항을 수정합니다.
4
게시 - 에이전트가 웹사이트를 검사, 구축, 설정 및 게시하도록 합니다.
5
검증 - 공개 URL을 열고 객관적인 릴리스 증거를 캡처합니다.

대시보드에서 도메인 연결

이 실습 워크스페이스에 속한 실행 중인 인스턴스의 Domains 탭을 사용하세요. 플랫폼은 공개 DNS 및 TLS를 관장하며, 인스턴스 에이전트는 웹사이트 애플리케이션과 로컬 웹 서비스를 관장합니다.

1
Sell.Systems Automation 대시보드를 열고 실행 중인 실습 인스턴스를 선택하세요.
2
Domains를 열고 고유한 첫 번째 라벨을 입력한 후, 이번 웹사이트 미션을 위해 agenthost.link를 선택하세요.
3
Plan domain을 선택하고 정확한 도메인 및 라우팅 계획을 검토하세요.
4
Add domain을 선택하고 확인 창에서 요청된 추가를 승인하세요.
5
도메인 상태가 active가 될 때까지 기다리세요. 공개 DNS를 수동으로 변경하지 마세요.
6
Agent를 열고 Instance Agent Handoff를 선택한 후 전체 인계 프롬프트를 복사하세요.

Domains 대시보드 열기

웹사이트 브리프를 편집한 후 인스턴스 인계와 함께 전송하세요

이 프롬프트 상단에 도메인 인계 내용을 유지하세요. 대괄호로 둘러싸인 각 필드를 본인의 크리에이티브 요구사항으로 교체하세요. 본 과정은 Codex CLI를 통해 워크플로우를 시연하지만, 안내 지침은 에이전트에 종속되지 않습니다.

You are the implementation agent for this website.

Read https://github.com/SELLSYSTEMS/rules-for-creation-webdesign-websites-for-ai-agents/blob/main/AGENTS.md and every file it requires before changing files. Use the current workspace and the managed domain already supplied in the instance handoff.

CREATIVE BRIEF - EDIT EVERY BRACKETED FIELD
- Working name: [웹사이트 또는 브랜드 이름 추가]
- Purpose: [실제 제공 사항 또는 결과 설명]
- Primary audience: [이 웹사이트의 대상 사용자 설명]
- Primary action: [방문자가 취해야 할 단 하나의 행동 설명]
- Required sections: [필요한 섹션 목록 작성]
- Tone and visual direction: [느낌, 참고 자료 및 지양할 스타일 설명]
- Required facts and proof: [뒷받침할 수 있는 사실만 추가]
- Required languages: [언어 목록 작성 또는 ENGLISH ONLY 기재]
- Supplied assets: [실제 로고, 사진, 원고 목록 작성 또는 NONE 기재]
- Additional creative requirements: [자신의 아이디어를 여기에 추가]

DELIVERY CONTRACT
1. Inspect the current project, runtime, domain handoff, existing files, and active services before editing.
2. Create an original, production-ready responsive website with one product-relevant signature visual moment, not a catalogue of effects.
3. Use original generated imagery only where it supports the subject. Never generate fake proof, testimonials, dashboards, customer logos, or product states.
4. Keep the important meaning in semantic HTML. Implement keyboard access, visible focus, reduced motion, correct font/script coverage, and RTL behavior for every requested language.
5. Implement factual title and description metadata, canonical behavior, social metadata, crawlable content, the narrowest correct structured data, robots behavior, and sitemap coverage where applicable.
6. Keep secrets out of source control and public files. Record the source and usage basis of every supplied, generated, or third-party asset.
7. Configure the local application or web service for the domain from the handoff. Do not change platform-owned public DNS or TLS.
8. Validate the public URL, HTTPS, desktop and mobile layouts, text containment, required interactions, console/network errors, accessibility basics, metadata, structured data, and reduced motion.
9. Continue through implementation and verification. Do not stop after a plan or ask me to restate the task. Ask one precise question only if an irreversible requirement is truly missing.
10. Finish with the public URL, changed files, commands/services used, validation evidence, asset provenance, and any honest remaining risk.

장식용 채우기가 아닌 실제 미디어 레이어를 구축하세요

튜토리얼에서는 Nano Banana 2를 사용한 독창적인 이미지 생성, ElevenLabs를 사용한 내레이션, FFmpeg를 사용한 최종 결합을 시연합니다. 웹사이트에 사용 가능한 최선의 도구를 사용할 수 있지만, 게시되는 모든 자산은 관련성이 있고 검토되었으며 최적화되고 출처가 정직해야 합니다.

이 릴리스 점검 항목이 통과될 때까지 제출하지 마세요

공개 URL - 연결된 도메인이 로그인이나 리다이렉트 루프 없이 의도한 웹사이트를 엽니다.
HTTPS - 브라우저에 유효한 보안 연결이 표시되고 mixed-content 경고가 없습니다.
반응형 레이아웃 - 실제 데스크톱 및 모바일 뷰에 겹침, 잘림 또는 가로 스크롤 넘침이 없습니다.
접근성 - 키보드 탐색, 명확한 포커스, 제목, 라벨, 대비, alt text 및 동작 줄이기를 사용할 수 있습니다.
검색 및 LLM 가독성 - 시맨틱 HTML, 사실에 기반한 메타데이터, 카노니컬 URL, 구조화 데이터 및 크롤링 가능한 답변이 화면에 보이는 페이지와 일치합니다.
증빙 - 스크린샷과 노드가 비밀 정보나 개인 데이터 없이 실제 URL과 검증된 상태를 보여줍니다.

웹사이트, 봇, 콘텐츠, 자동화를 한 곳에서 제한 없이 자신의 서버에서 연습하세요.

AI 시스템 무료 시작 →