A build prompt that ships a Manifest V3 Chrome extension together with its companion web app: accounts, sync and billing.
Built for: Developers building in-browser productivity and AI tools
Extension products come in two parts: the Manifest V3 extension in the browser and the web app that handles accounts, billing and sync. Authentication, messaging and version compatibility between the two are where most builds go wrong.
This prompt spells out the service worker / content script boundaries, the permission justifications the Chrome Web Store expects and the session model shared with the web app.
Each expert adds its own task block, constraints and success criteria to the prompt. Default selection for Chrome Extension + App:
Design the system architecture. Edge-first, 100ms p95. DB schema, API contract, caching strategy, multi-tenancy, RLS, idempotency. Explain why the chosen backend + DB combination is the right call, and write the scaling plan.
Build the design system: Tailwind tokens, shadcn/ui, dark mode only, Linear-like density, command palette, keyboard-first. Describe wireframes for the 3 critical flows.
Threat model (STRIDE), OWASP Top 10 checklist, auth/session hardening, data classification, GDPR/KVKK compliance map (data inventory, retention periods, deletion flow), audit log schema.
PLG growth plan: activation funnel, aha-moment definition, viral loop / referral mechanics, onboarding checklist, and a weekly experiment list for the first 90 days (hypothesis, metric, success threshold).
Preloaded in step 2 of the Studio; change any of the 7 layers.
Every feature appears in the prompt as a "Spec + API + UI + Tests" line.
Sample idea: "A Chrome extension that summarizes any web page in one click and saves it to your notes". Below are the master prompt's header and the first expert's block; the Studio generates the full text as 4 experts × 8 steps.
# Chrome Extension + App - MASTER BUILD PROMPT Stack: Next.js 16 (App Router), Hono + CF Workers Goal: A Chrome extension that summarizes any web page in one click and saves it to your notes This prompt builds a full-stack Chrome Extension + App in 8 steps. Each step consumes the previous step's output. 4 experts' knowledge combined. Steps: 1. PRD & User Stories 2. Design System (Figma tokens) 3. DB Schema & API Contract 4. Auth & Billing Implementation 5. Core Features Build 6. AI Integration (RAG + Agents) 7. SEO/AEO & Analytics 8. Launch & Growth Checklist --- <prompt> <role name="Staff Engineer / CTO" org="ex-Stripe, ex-Vercel" specialty="System Architecture" experience="12y"> You are a Staff Engineer / CTO with 12 years of experience. Specialty: System Architecture. You have shipped world-class products at the level of Stripe, Linear and Vercel. </role> <context> Project: Chrome Extension + App - A Chrome extension that summarizes any web page in one click and saves it to your notes Type: Chrome Extension + App Vision: A content script grabs the page text, the service worker sends it to the API and notes sync to the web app. Free: 10 summaries/day; Pro: unlimited. A permission set that follows Chrome Web Store review policies. Target user: Developers building in-browser productivity and AI tools - Pain: - Budget: Competitors: USP: Monetization: Freemium, One-time + Lifetime | Payments: Stripe, LemonSqueezy Tech Stack: Next.js 16 (App Router), Hono + CF Workers, Supabase, Supabase Auth, Resend Features: Email/Pass + Magic Link, Social OAuth (Google/Github), Billing & Subscriptions, API Keys & Rate Limit, Notifications Center, AI Assistant Copilot Compliance: Lang: EN </context> <task> Design the system architecture. Edge-first, 100ms p95. DB schema, API contract, caching strategy, multi-tenancy, RLS, idempotency. Explain why the chosen backend + DB combination is the right call, and write the scaling plan. General: production quality, copy-paste ready level of detail. </task> <technical_architecture> - Frontend: Next.js 16 (App Router) - App Router, Server Components, partial prerendering - Backend: Hono + CF Workers - Edge runtime, RPC, zod validation - DB: Supabase - pgvector for semantic search, type-safe ORM, RLS policies - Auth: Supabase Auth - Passkeys first, org/team model - Search: - typo-tolerant, faceted - Realtime: Resend - presence, CRDT-ready Payment flow: Stripe, LemonSqueezy -> Webhook -> Background job -> Entitlement update -> Audit log </technical_architecture> <feature_matrix> …
Yes: the ban on remotely hosted code, the service worker lifecycle, host permission justifications and declarativeNetRequest usage are all in the constraints section.
The prompt defines storing a short-lived token issued by the web app in chrome.storage, along with the refresh flow.
Claude Code, Cursor, Windsurf, v0, Lovable, Bolt and ChatGPT. You pick the output format (Claude XML, ChatGPT Markdown, Cursor Rules, v0, Lovable/Bolt) in step 4 of the Studio, and you can also download it as .cursorrules or CLAUDE.md.
Yes. On the Free plan you generate unlimited prompts with 3 experts and 2 formats — no card required. 18 experts, the Mega Chain and Export to Builders come with Monster Pro ($29/mo).
A build prompt that gets Claude Code, Cursor or v0 to ship a multi-tenant SaaS dashboard in one go: auth, RBAC, billing, analytics and ⌘K search included.
A build prompt for an LLM-powered SaaS (chat, RAG, agents) with credit quotas, streaming and cost control. Claude, GPT, Gemini, Groq and vector DB picks included.
The build prompt for a PLG product that grows through no-signup trials, self-serve onboarding, referrals and usage-based upgrade flows.
The build prompt for a B2B portal with dealer accounts, customer-specific price lists, account balances, order approvals and ERP integration.
A build prompt for a neobank app with accounts, cards, transfers and spending analytics, written with security and compliance constraints.
The build prompt for a crypto app with wallet connections, multi-chain portfolios, price alerts and DeFi position tracking.
Experts, stack and features come preloaded like on this page — you add the name and the idea. Free, no card required.