# 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 is 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](https://xiry.app/topics/ai.md)
- 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, 1 April 2025](https://x.com/newdotemail/status/1907078801550680067): A repeatable recipe for prompting an AI to generate production-quality email templates from a single prompt.

## Related

- [3 Rules for Realistic AI Video Generation (Kling)](https://xiry.app/resources/3-rules-for-realistic-ai-video-generation-kling): Prompt formula and best practices for realistic AI video generation (Tip, Free)
- [Claude Custom Writing Styles](https://xiry.app/resources/claude-custom-writing-styles): Create reusable brand writing personas in Claude from uploaded text samples. (Tip, Freemium)
- [Gamma](https://xiry.app/resources/gamma): AI presentation, document, and webpage generator built from text prompts (Web app, Freemium)
- [Google's 13 Principles for Prompting LLMs](https://xiry.app/resources/google-s-13-principles-for-prompting-llms): Thirteen practical rules for writing effective prompts, distilled from Google's guide (Framework, Free)
- [How to Clone Your Speaking Style and Tone Using AI](https://xiry.app/resources/how-to-clone-your-speaking-style-and-tone-using-ai): Workflow to extract your voice and tone from videos using AI (Tip, Free)
- [Hyper-Realistic AI Twin Generation Workflow](https://xiry.app/resources/hyper-realistic-ai-twin-generation-workflow): Workflow for training and generating realistic personal portraits using FLUX LoRAs (Tip, Paid)

Updated 11 October 2026. Page: https://xiry.app/resources/how-to-prompt-new-email-in-3-steps

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.