LearnAI
Новинки AI · Код без программиста · 수업 6/10
← 카탈로그로

첫 번째 프로젝트: 블록으로 만든 랜딩페이지

섹션별로 랜딩 페이지를 주문하세요. JSON {"build":"페이지 내용","sections":["section","section"],"style":"원하는 스타일","done_when":"준비 상태 표시"}를 반환합니다. sections에서는 블록의 순서가 위에서 아래로 이루어집니다.

즉각적인 AI 검토를 위해 솔루션을 제출할 수 있는 액세스 권한을 잠금 해제하세요.
한 페이지짜리 웹사이트 구축
💡 이론의 일부

랜딩 페이지(한 페이지로 구성된 명함 웹사이트)는 한 가지 목적, 즉 무언가에 대해 알리고 사용자가 행동하도록 유도하는 데 사용됩니다. 제목, 설명, 혜택, 리뷰 또는 예시가 포함된 헤더, 작업 버튼, 연락처가 포함된 바닥글 등 블록 섹션이 위에서 아래로 구성되어 있습니다. 섹션을 순서대로 나열하면 AI가 해당 순서대로 페이지를 구성합니다. 요청의 순서가 화면의 순서가 됩니다. 섹션 목록, 각 섹션에 대한 짧은 텍스트, 원하는 스타일(엄격함, 밝음, 미니멀리즘) 및 준비 상태 표시(“브라우저에서 열리며 버튼을 누르면 이메일로 연결됩니다”)를 제공합니다. 먼저 구조와 텍스트를 수정한 다음 색상과 글꼴을 수정하세요. 모든 것을 한 번에 혼합하면 AI가 디자인에 휩쓸려 콘텐츠에 구멍을 남깁니다. 그리고 "여기에 텍스트가 있을 것입니다"와 같은 자리 표시자가 아닌 실제 텍스트를 삽입하도록 요청하십시오. 그렇지 않으면 각 블록을 수동으로 다시 실행해야 합니다. 흔히 저지르는 실수는 섹션이 없는 "아름답고 현대적인 웹사이트"를 요청하는 것입니다. 아름다움은 주관적이지만 구조는 그렇지 않습니다. 나에게 뼈대를 주면 스타일이 따라올 것입니다.

평가 방법 · 합격 70

  • 1주변에 텍스트가 없는 유효한 JSON25%
  • 2build, sections, style, done_when 필드가 있습니다.30%
  • 3구조는 섹션별로 순서대로 제공됩니다.45%
귀하의 프롬프트Claude ⌄
🔒

즉각적인 AI 검토를 위해 솔루션을 제출할 수 있는 액세스 권한을 잠금 해제하세요.