AI · Tip
How to Prompt new.email in 3 Steps
Three-step framework for prompting AI to generate production-ready email templates.
A short prompting guide from the new.email team for generating structured, styled email templates with AI. It outlines how to separate instructions into clean sections, supply direct public assets, and specify exact CSS or Tailwind styles. Following this structure reduces AI layout errors and helps produce ready-to-use React Email code on the first pass.
How it works
3 steps to prompt new.email (from @newdotemail):\n\n1. Prompt in clear, bulleted sections — simple, clear instructions with distinct sections for content, layout, and design.\n\n2. Provide direct links to assets — link images, logos on your website, or publicly available fonts (e.g. Google Fonts) and new.email will include them in the email. Note: not all email clients render web fonts.\n\n3. Give specific styling instructions — the more precise the better. If you use Tailwind, include specific Tailwind classes to direct new.email.\n\nExample prompt structure shown in the demo: content section (text to include + destination link), layout guidelines (top/middle/bottom structure), design guidelines (visual identity, background hex #EBEBEB, heading 48px regular, body 16px / line-height 24px). Follow-up refinements: paste direct asset URLs (cover image, font, illustrations) and exact Tailwind button classes.
What it's for
- Structure prompts for AI email generators to minimize layout errors
- Include public assets and web fonts directly into generated email templates
- Apply precise Tailwind CSS styling classes to AI-generated email layouts
Key points
- Section-based prompting dividing content, layout, and visual design rules
- Technique for passing direct public URLs for images, logos, and hosted fonts
- Tailwind class integration for exact button, typography, and background styling
- Example prompt template defining layout hierarchy, hex colors, and font specs
Pricing
Free
Details
- Type
- Tip
- Category
- AI
- Topic
- Prompt Guides
- Open source
- No
- Platforms
- Web
- For
- Developers, designers, and marketers generating emails with AI tools
- Tags
- prompting, email templates, react email, tailwind, ai design
Why it was saved
- @newdotemail: A repeatable recipe for prompting an AI to generate production-quality email templates from a single prompt.
Related
Prompt formula and best practices for realistic AI video generation
Create reusable brand writing personas in Claude from uploaded text samples.
AI presentation, document, and webpage generator built from text prompts
Thirteen practical rules for writing effective prompts, distilled from Google's guide
Workflow to extract your voice and tone from videos using AI
Workflow for training and generating realistic personal portraits using FLUX LoRAs
Updated