LearnAI
Новинки AI · Код без программиста · Lesson 6/10
← To the catalog
Task

First project: landing page made of blocks

Order a landing page by sections. Return JSON {"build":"what the page is about","sections":["section","section"],"style":"desired style","done_when":"sign of readiness"}. In sections - the order of blocks is from top to bottom.

Unlock access to submit solutions for instant AI review.
Build a one-page website
💡 A piece of theory

A landing page (one-page business card website) serves one purpose: to tell about something and push you to action. It is assembled from block sections from top to bottom: a header with a title, description and benefits, reviews or examples, an action button, a footer with contacts. If you list the sections in order, the AI ​​will assemble the page in that order—the order in the request becomes the order on the screen. Give a list of sections, a short text for each, the desired style (strict, bright, minimalism) and a sign of readiness (“opens in the browser, the button leads to an email”). Fix the structure and texts first, and only then the colors and fonts: if you mix everything at once, the AI ​​will get carried away with the design and leave holes in the content. And ask to insert your real texts, and not placeholders like “there will be text here,” otherwise you will have to redo each block manually. A common mistake is to ask for a “beautiful modern website” without sections: beauty is subjective, but structure is not. Give me a skeleton, style will follow.

How is it assessed · passing 70

  • 1Valid JSON without text around it25%
  • 2There are fields build, sections, style, done_when30%
  • 3The structure is given by sections in order45%
Your promptClaude ⌄
🔒

Unlock access to submit solutions for instant AI review.