AdSpark: One-Click AI Ad Creative Generator

AI Prompts to Build This

Copy these build prompts into Claude, Cursor, or your AI coding tool. Create a free account to unlock the full research behind them.

1. 1. Project Setup

   Build the weekend MVP of "AdSpark": paste a product link or a two-line brief, answer six brand-tone questions, and get a correctly sized ad set with copy variants.
   
   Stack: Next.js, TypeScript, Tailwind, Supabase (Postgres, Row Level Security, Storage, Auth with email magic link), Claude for the copy, Replicate for the base image, satori and resvg for the text-over-image layouts. Deploy on Vercel.
   
   Tables (Row Level Security on, each user reads only their own rows):
   - brand_profiles(id, user_id, name, tone, palette jsonb, audience, offer)
   - generations(id, user_id, brand_profile_id, brief, source_url, sizes jsonb, copy_variants jsonb, created_at)
   - assets(id, generation_id, size, storage_path)
   Storage: one bucket named ad-assets.
   
   Screens: /login, /brand (the six-question quiz), /generate.
   Env vars (names only): NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY, SUPABASE_SERVICE_ROLE_KEY (server only), ANTHROPIC_API_KEY, REPLICATE_API_TOKEN.
   
   Do not build: billing, plans or monthly caps, pushing ads to Meta, a second copy model, annual options, an admin area.
   Done when: npm run dev starts, you can sign in, and the three tables and the ad-assets bucket exist with Row Level Security on.

2. 2. Core Feature

   Build the one feature that proves AdSpark: a link or brief in, a full ad set out.
   1. POST /api/generate takes { brand_profile_id, source_url?, brief? }. If source_url is present, fetch the page and read og:image, og:title and product:price:amount to seed the brief.
   2. Load the brand profile and build one system prompt from its tone, palette, audience and offer.
   3. Ask Claude for 4 copy variants as strict JSON: { headline, primary_text, cta, char_counts: { meta, google, tiktok } }. Reject any variant over a platform limit.
   4. Ask Replicate for one base hero image in the brand palette.
   5. For each size (1080x1080, 1080x1920, 1200x628, 1080x1350), compose the winning headline over the image with satori and resvg, and save the PNG to Storage.
   6. Pair the copy variants into A/B sets that change exactly one thing. Return signed URLs for every asset.
   Empty state: with no brand profile, send the user to the six-question quiz.
   Done when: pasting a product URL returns four correctly sized images and four copy variants within about a minute.

3. 3. Landing Page

   Build a one-page landing site for AdSpark, an AI ad-creative generator for small marketing teams.
   Hero: "From product link to full ad set in under a minute." Sub: "Paste a link, answer six questions about your brand, and get correctly sized visuals, scroll-stopping copy and A/B variations ready to launch." One button: Join the waitlist.
   Sections: a before and after that turns a raw product photo into a 4-size ad set as you scroll, the problem (small teams pay a production tax before they can test ideas), how it works in four steps (drop a link, generate the set, auto-size and vary, export), and an FAQ on brand-voice accuracy, supported ad platforms and export formats.
   Waitlist: store the email in a waitlist table in Supabase. No other service.
   Style: Geist, deep aubergine #4c1d3f against off-white, generous whitespace.
   Done when: the page renders on a phone and a submitted email appears in the waitlist table.

4. 4. Branding Package

   Use a design or image tool for this one. A coding agent cannot draw a logo.
   Brand for AdSpark: a wordmark and a compact icon suggesting a spark igniting a frame.
   Colors: deep aubergine #4c1d3f, one warm-gold accent and two neutral greys. Type: Geist for the interface and headings, Geist Mono for metrics and character counts.
   Voice rules: lead with speed, always show the finished set and not the canvas, and promise testable copy, never perfect copy.
   Deliverables: wordmark, icon, a 6-icon set (link, brief, brand tone, generate, resize, A/B), and a one-page brand sheet with three sample ad headlines in the brand voice.
   Done when: each deliverable is saved in one folder and the icon reads at 32 px.