Software & DevOps

Turn a design mockup image into a web page

One person mocked up a page in Photopea, gave Claude the image, and had it write the HTML. After a few tweaks, all the main pieces were in place in about an hour.

Steps

  1. Make a mockup.
  2. Upload it.
  3. Refine it with follow-up requests.

Prompt you can copy

Build an HTML/CSS page that matches this mockup image. Keep it simple and responsive.

Tools

  • Claude

For Developers, Small businesses. Added .

Source

hn ·

Related use cases

Software & DevOps

Build small personal apps for hobbies and friends

With AI, one person built lots of small apps: finding books for his wife, tracking weight, picking board games, planning wood projects, and a bot that chooses the weekly lunch spot.

Developers, IndividualsClaude