Task prompt · Websites & Apps

Add a contact form that actually sends email

by Agent Yard Team

Wire a working contact form to a serverless function, with spam protection.

You'll attach

Text only

Works with

CursorClaude CodeCodexClaudeChatGPTGemini

Use cases

  • Wire a working contact form to a serverless function, with spam protection.
  • Reuse it as often as you like: fill in the blanks (framework or plain html; host, e.g. vercel or netlify; my email) with new details and copy again.
  • As one step of the Website for a local business prompt pack.

How to use it

  1. Open Cursor or Claude Code in your terminal (or another AI listed here).
  2. Fill in the highlighted blanks ([FRAMEWORK OR PLAIN HTML], [HOST, E.G. VERCEL OR NETLIFY], [MY EMAIL]…) below, or edit them after pasting.
  3. Copy the prompt, paste it into the chat and send.

Fill in the blanks (optional)

Prompt

Remix
Add a working contact form to my [FRAMEWORK OR PLAIN HTML] site hosted on [HOST, E.G. VERCEL OR NETLIFY].

- Fields: name, email, message. Client-side validation and accessible error messages.
- A serverless function that sends the message to [MY EMAIL] using [EMAIL SERVICE, E.G. RESEND].
- Spam protection with a honeypot field and basic rate limiting.
- Clear success and error states.
Explain which environment variables to set and never hardcode secrets.
One email a week

The best new prompts and personas, nothing else.

The Weekly is presented byyour brandSponsored · open

More Websites & Apps prompts

Footer partner · openThis strip runs at the foot of every page. One partner at a time.Ask about it →