AI Tool Atlas
Coding Editorial example

pen.dev (formerly pencil.dev) prompt for designing a landing page with an AI agent

An editorial example for designing a landing page with an AI agent in pen.dev (formerly pencil.dev), written for our guide and not tested against the vendor

Source
AI Tool Atlas guide: pen.dev (formerly pencil.dev)
Checked
Oct 1, 2026

The prompt

Editorial example from our guide
Design a landing page hero for a budgeting app with a headline, subhead, two buttons and a phone mockup, using a dark blue palette.
How to use this prompt: fill the variables, run it in any chat assistant, check the resultYOU FILL INReady to runPaste the prompt as isNo variables to replaceTHE PROMPTany chat assistant24 words · 1 linesource: editorial exampleYOU GETThe resultAn editorial example for designin…check the result against the tipsfill → run → check · prompts are copied word for word from their source
How to use this prompt: what to fill in, where to run it, what comes back

How to check the result

  • Open the exported HTML in a browser and compare it with the canvas.
  • Share a link and confirm it opens the latest version.

This prompt was written as an example for our guide and has not been run against the tool. Expect to adapt it to your case. How we document tools.

More coding prompts