Loading build plan…
Loading build plan…
Keep in touch with your audience through newsletters and follow-up emails. Explore a plan for an email tool.
Built with
Build a campaign with blocks, preview on desktop + mobile, segment your audience with rules, watch the recipient count recalc live. Hit "Send" — the queue runs in front of you.
Three releases, one consistent theme: less friction, more delight. Read on for the highlights.
Reply faster with grounded suggestions. Tone-matched to your past responses.
Same workspace, on your phone. Edit pages, comment, run the slash menu.
Thanks for shipping with us. — The Acme team
Live mock — same UX you ship after pasting PROMPT.md into Claude Code.
Same broadcast UX. Different ownership model. The four things that get expensive once your list grows past 10K.
| Comparison axis | Mailchimp | Need for Build build plan |
|---|---|---|
| Pricing | $13–350 per month by contact count. 500-subscriber free plan, then it scales fast. | Free forever. Pay only Resend per-email + your hosting. No contact-tier pricing. |
| Data ownership | Their cloud holds your subscriber list, opens, clicks. | Your Supabase project. Tracking events partitioned in your Postgres. |
| Privacy | Their compliance posture, their AI training of your content. | RLS-scoped per workspace. GDPR by design. No AI training on your campaigns. |
| Extensibility | Their template editor, their automation triggers. | Full react-email + BullMQ source. Custom blocks, custom triggers, custom rules — today. |
Every file the build plan ships, with size and one-line description. Download once, build forever.
CLAUDE.mdProject config for Claude Code — tech stack, commands, code style, critical rules. Under 100 lines, read first.
ARCHITECTURE.mdDrizzle schema for workspaces, lists, subscribers, segments, campaigns, automations, events. Resend webhook flow, queue topology.
PRD.md13 features (F1–F13) including segments DSL, A/B subject lines, deliverability dashboard, suppression lists.
SECURITY.mda systematic check of how apps like yours get attacked, the ten most common ways apps get broken into, GDPR data inventory, security headers config.
MARKETING.mdPositioning vs. category leader, persona, GTM phases, channel strategy, growth loops.
PROMPT.md7 sequential prompts: foundation → auth + onboarding + RLS → sending domain + subscribers + lists → segment engine + template editor → send pipeline + tracking + suppression → automations + reports → billing + API keys + public archive + tests.
ARCHITECTURE_CROSSCHECK.mdSecond-opinion architecture review: GPT + Gemini independently critique the plan, consolidated into confirmations, corrections, and concrete diffs.
api-guide.htmlZero-jargon visual guide (opens in your browser): create accounts, get API keys, fill .env, push to GitHub, deploy on Vercel.
lib/mock/index.tsTyped mock dataset — click through the full UI with realistic data before connecting real services.
assets/manifest.jsonMachine-readable package inventory with generation timestamps.
react-email + Resend + BullMQ on Upstash Redis — production patterns from day one.
The tools this build plan uses — your AI coding tool sets them up for you.
Sender dashboard SSR. Tracking pixel + click redirect on edge runtime for low latency.
Each workspace owns its subscribers + lists. Tracking events partitioned by month.
Segment engine compiles JSON DSL → SQL for fast subscriber-set previews.
JSX templates compile to deliverable HTML. Resend handles send + bounce webhooks.
Outbound queue: rate-limited send, retry on transient bounce, idempotent delivery.
Dashboard chrome only — emails use react-email primitives for client-safe styles.
Sender dashboard SSR. Tracking pixel + click redirect on edge runtime for low latency.
Each workspace owns its subscribers + lists. Tracking events partitioned by month.
Segment engine compiles JSON DSL → SQL for fast subscriber-set previews.
JSX templates compile to deliverable HTML. Resend handles send + bounce webhooks.
Outbound queue: rate-limited send, retry on transient bounce, idempotent delivery.
Dashboard chrome only — emails use react-email primitives for client-safe styles.
Start from a list, end up shipping a drip sequence, a transactional API, a lifecycle program.
lists → 1 list · campaigns → blog-style posts · public archive page · no segments
campaigns → time-delay automations · triggered by signup event · no manual sends
no lists · API-only send via /api/send · scope to webhook events · per-template rate limit
segments → cohorts (new/active/dormant) · scheduled re-engagement automations
lists → forum subscribers · weekly auto-curated thread roundup · own the analytics
Every directory, every route, every migration. What you'll see right after `unzip`.
Every folder and file you'd get, named exactly as they'll appear on your computer.
email-marketing-platform/
├── CLAUDE.md
├── PROMPT.md
├── README.md
├── ARCHITECTURE.md
├── PRD.md
├── SECURITY.md
├── MARKETING.md
├── design-tokens.css
├── logo.svg
├── .env.example
├── next.config.ts
├── tailwind.config.ts
├── drizzle.config.ts
├── tsconfig.json
├── package.json
├── app/
│ ├── layout.tsx
│ ├── (auth)/login/page.tsx
│ ├── (dashboard)/
│ │ ├── lists/{,[id],[id]/segments}/page.tsx
│ │ ├── campaigns/{,[id],[id]/edit,[id]/report}/page.tsx
│ │ ├── automations/{,[id]}/page.tsx
│ │ ├── templates/{,[id]}/page.tsx
│ │ └── settings/{domain,suppressions,api-keys}/page.tsx
│ ├── (public)/{archive,unsubscribe}/page.tsx
│ └── api/
│ ├── trpc/[trpc]/route.ts
│ ├── send/route.ts (transactional)
│ ├── track/{open,click}/route.ts (edge)
│ └── webhooks/resend/route.ts
├── components/
│ ├── editor/{template-canvas,blocks,preview}.tsx
│ ├── segments/{builder,preview}.tsx
│ └── reports/{open-rate,click-map,bounces}.tsx
├── server/
│ ├── api/routers/{list,subscriber,campaign,automation,segment}.ts
│ └── queue/{send,worker,retry-policy}.ts
├── lib/
│ ├── env.ts
│ ├── supabase/{client,server,admin}.ts
│ ├── auth/helpers.ts
│ └── rate-limit.ts
├── hooks/
├── types/
├── middleware.ts
├── tests/e2e/
└── supabase/migrations/
├── 0001_initial.sql
├── 0002_rls_policies.sql
└── 0003_indexes.sqlEach one works the same way: paste PROMPT.md into your AI coding tool and launch.
Notion-inspired
Notion-style workspace, code-owned. Fork into wiki, KB, CRM, recipe vault, project hub.
View build plan →Slack-inspired
Channels + DM + threads + realtime presence. Fork into customer chat, community platform, internal team tool.
View build plan →Cal.com-inspired
Cal.com-style scheduling, code-owned. Self-host multi-host bookings + Stripe payments. Fork into consultations, classes, restaurant reservations.
View build plan →Linktree-inspired
Personalized bio page + click tracking + UTM + theme presets. Fork into creator landing, portfolio, event page, app smart-link.
View build plan →Gorgias-inspired
Gorgias-style e-com helpdesk, code-owned. Widget + agent inbox + Shopify order context + AI replies. Fork into support, sales chat, onboarding bot.
View build plan →Zapier-inspired
Zapier-style automation builder, code-owned. Trigger nodes + action nodes + run history. Fork into approval flows, lead routing, sync jobs.
View build plan →Loom-inspired
Loom-style async video, code-owned. Record + chunked upload + share link + viewer analytics. Fork into tutorial vault, sales demos, internal training.
View build plan →Hubspot-inspired
Contacts + deals + pipeline stages + email tracking + activity log. Fork into B2B CRM, partner pipeline, investor relations.
View build plan →Patagon.ai-inspired
WhatsApp AI lead qualification, code-owned. Conversational qualifier + Meta CAPI + Google Calendar + CRM sync. Fork into automotive, real-estate, education, healthcare funnels.
View build plan →