Use Cursor to make a custom invitation site

Fabio Zapata had Cursor assemble a local invitation site with motion, images, and page links, using prompts instead of hand-coding at first.

Done with Cursorยท Intermediate

What they did
Fabio Zapata began by telling Cursor what the site should do, how it should look, and how it should be set up, then allowed it to run terminal commands. The envelope animation stalled for 15โ€“20 minutes, so he found a working example online, changed its colors, dropped it into the chat, and asked Cursor to expand on it. He then steered the agent through the buttons, typefaces, and overall page structure.
How it went
The project took about 2โ€“3 hours, which was faster than the 4โ€“8 hours he thought a manual build would take. Once the site was around 90โ€“95% finished, he moved to direct code edits for copy, padding, and margins because iterative prompting had become too slow. Cursor also accepted a wrong report that a functioning part had failed and replaced it.
Tips
If you want one visual system, say that font choices, backgrounds, and button treatment should stay consistent across the whole site. For animation or other fiddly pieces, it helps to give Cursor a real example to adapt rather than describing every detail from scratch.

Try it yourself with Cursor

Help me create a local, frontend-only invitation site for [event or occasion] aimed at [person or audience]. Include [sections such as a landing screen, event details, photo area, and RSVP information], plus soft motion and a [color palette or mood]. Use the images in [folder], then show me how to open the site on my machine. Stop and ask for approval before anything irreversible, such as deleting files or submitting a form. Once the main pages work, Iโ€™ll give you simple follow-up requests for fonts, backgrounds, buttons, spacing, and layout. Keep those styles consistent across the whole site rather than applying them one page at a time.

Fill in the [brackets]. Agents can make mistakes, so review anything before it is sent, paid or deleted.

Read the original on dev.to โ†—

1 more report of this

Get 3 agent uses like this every morning

With the day's top AI news. Free, and one click to unsubscribe.