DEV Community

J Now
J Now

Posted on

Stop designing email campaigns blind — build a scoring baseline first

Every email marketing tool hands you a blank canvas and a template library. The actual design work — hierarchy, mobile layout, CTA contrast — still falls on you, and you don't find out if any of it worked until the campaign is live and the click numbers come in disappointing.

I built kopi to close that loop before send.

The core mechanic: paste a brief (product name, offer, target segment, tone), get a complete HTML email in under 5 minutes, and immediately see an automated critique scoring 12+ design criteria on a 0–100 scale. Layout hierarchy, mobile readability, CTA contrast, whitespace balance — each one scored and explained, not just flagged.

Here's what that looks like in practice. Take any email from the public gallery at trykopi.ai/emails — 400+ campaigns that scored 80 or above. Pick one. The critique tells you exactly why it scored where it did: whether the primary CTA sits in the right visual tier, whether the font stack holds on a 375px viewport, whether the contrast ratio on the button copy clears 4.5:1. Those aren't soft opinions; they're measurements.

The reason I built the scoring system before the generator is that a generator without feedback just ships your taste at scale. The critique anchors every design to something repeatable. You start to learn what an 85 looks like versus a 72, and you stop second-guessing yourself on every campaign.

A few implementation notes that matter for the dev audience here:

  • Klaviyo export is direct — no copy-paste HTML dance
  • It runs as an MCP server, so if you're already in Claude Code, Cursor, or ChatGPT, you can trigger generation from inside your workflow
  • Brand design systems are supported: feed it your fonts, colors, and layout preferences once and it holds them across campaigns
// Example MCP call from Claude Code
use_mcp_tool kopi generate_email \
  --brief "Spring sale, 30% off outerwear, tone: warm and direct" \
  --brand "acme-brand-system"
// Returns HTML + full design critique JSON with per-criterion scores
Enter fullscreen mode Exit fullscreen mode

The gallery is the fastest way to calibrate your eye: trykopi.ai/emails

Full tool: https://trykopi.ai

Top comments (0)