Ask Claude to Generate Responsive HTML Email Templates
HTML email development is a special kind of pain — inline styles, table layouts, and Outlook quirks. Claude handles all of it so you don't have to.
Build a responsive HTML email template for an order confirmation.
Include: company logo placeholder, order summary table, shipping
address, and a "Track Order" CTA button. Must work in Outlook,
Gmail, and Apple Mail. Use inline styles and table-based layout.
Claude generates battle-tested markup with all the hacks baked in — MSO conditionals for Outlook, -webkit-text-size-adjust for mobile, and proper max-width wrappers that actually collapse on small screens.
Need a whole set? Ask for variations:
Generate email templates for: welcome, password reset, invoice,
and shipping notification. Use the same header/footer layout
across all four. Keep the CTA button style consistent.
You can also hand Claude an existing email that's broken in a specific client:
This email renders fine in Gmail but breaks in Outlook 2019.
Fix the layout while keeping the same visual design.
Claude knows the obscure rendering differences between email clients — things like Outlook ignoring margin on div elements or Gmail stripping <style> blocks in non-AMP emails.
Stop fighting email clients manually — let Claude write the table-layout spaghetti so your emails look perfect everywhere.
Log in to leave a comment.
The /security-review command scans your uncommitted changes for injection vectors, auth gaps, hardcoded secrets, and other common vulnerabilities.
The SessionStart hook fires when any session begins or resumes, making it ideal for loading environment variables and running one-time setup scripts.
Ask Claude to write property-based tests for your functions using fast-check — it identifies the mathematical invariants in your code and generates tests that cover inputs you'd never enumerate by hand.