# How to Vibe Code Your Own ClosersCopy (and Stop Paying for It) > AI Copywriting & Content Generation Platform - Site: https://closerscopy.com - Category: Artificial Intelligence - Platforms: Web app - Verdict: **Solid side project** (75/100 vibecodeable) - Estimated effort: 2-3 weeks of focused work ## Verdict Build a personal subset with Next.js and Vercel AI SDK, but expect friction around rich text editor AI streaming integrations. ClosersCopy is fundamentally a specialized wrapper around LLM APIs coupled with a robust rich-text workspace and a custom prompt template engine. A solo developer can build a personal version of this tool using modern web stacks and AI libraries in a couple of weekends. The main hurdles will be wiring up a smooth TipTap-based editor that injects AI completions inline without breaking cursor states, and designing the custom framework variable substitution engine. ### What you can't replicate - The exact proprietary prompt fine-tunes of their SalesAI and BlogAI engines - Their active user community and shared framework database ## What it does An AI-powered copywriting platform tailored for direct response marketers, featuring specialized AI engines, long-form editors, and custom frameworks. ### Core features - Rich text long-form editor (Paperwhite style) - Prompt framework builder with parameterized variables - AI model orchestration routing to specialized engines - Community framework and workflow library sharing - SEO optimization and content analysis metrics (emotion, spam, sentence length) - Preset copywriting templates (AIDA, PAS, BAB) ## The business ### Pricing - Starter / Closer Plan: $49.99/mo - Pro / Closer+ Plan: $79.99/mo Founded 2020. Team size: 1-5. ## The hard parts - Writing a distraction-free rich text editor with embedded inline AI generation actions - Managing parameterized prompt templates with variable interpolation - Orchestrating multiple LLM providers or custom system prompts to mimic specialized copywriting styles - Building a community sharing and version control system for user-generated frameworks ## How to vibe code ClosersCopy ### Prerequisites - Node.js (free): Runtime environment for local development and package management - GitHub (free): Source code repository and deployment pipeline integration - Anthropic API Key (Pay-as-you-go): Powers the text generation and copywriting workflows ### Recommended AI tools - Cursor: AI-native code editor ideal for rapid full-stack scaffolding and UI components ### Stack - Frontend: Next.js with Tailwind CSS and TipTap editor - Backend: Next.js App Router API routes with Vercel AI SDK - Database: Turso (SQLite at the edge) for users, documents, and custom frameworks - Auth: better-auth for simple self-hosted TypeScript authentication - Payments: None (personal use clone) - Other: Vercel AI SDK, Zod for schema validation ### Hosting - Vercel (Hosting the Next.js frontend and serverless API endpoints): $0/mo (Hobby tier) ### Build guide 1. **Project Scaffolding and Database Schema** — Initialize a Next.js project with Tailwind CSS, configure better-auth, and set up Turso SQLite tables for users, documents, and frameworks. ``` Scrape together a new Next.js project using the App Router, Tailwind CSS, and TypeScript. Set up better-auth with email/password authentication. Configure a Turso SQLite database client using Drizzle ORM or Prisma with three tables: users, documents (id, title, content, user_id, updated_at), and frameworks (id, title, template, variables, user_id). Implement sign-up and sign-in pages with protected dashboard routes. ``` 2. **Rich Text Editor Setup** — Integrate TipTap as the long-form writing workspace ('Paperwhite') with custom extensions for inline actions. ``` Build a distraction-free rich text editor component using TipTap inside the dashboard. Include toolbar controls for headings, bold, italic, lists, and a custom floating menu that triggers AI completion commands when text is highlighted. Ensure local state auto-saves to the backend document endpoint with a debounced update loop. ``` 3. **Custom Framework Builder & Variable Parser** — Create a CRUD interface for custom prompt frameworks supporting variable placeholders like [[topic]] or [[tone]]. ``` Create a framework management page and modal system. Users can create, edit, and delete custom copywriting frameworks consisting of a title, category, and a prompt body containing bracketed variables like [[product]] and [[audience]]. Build a helper utility that parses these bracketed variables into dynamic input form fields so users can fill them out before executing the prompt against an LLM. ``` 4. **AI Orchestration with Vercel AI SDK** — Connect backend API endpoints using the Vercel AI SDK to stream text generations from Anthropic Claude into the editor or framework runner. ``` Implement an API route using the Vercel AI SDK and Anthropic API that accepts a compiled prompt string and system instructions. Support streaming text responses back to the client. Build a React hook or UI widget that allows users to run frameworks or click an 'Expand' / 'Rephrase' button on highlighted text in the TipTap editor, injecting the streamed AI response directly into the document stream. ``` 5. **Content Analysis Metrics Dashboard** — Add text analysis utilities to evaluate word count, sentence length variety, emotion words, and readability scores. ``` Build a sidebar stats component for the long-form editor that calculates real-time metrics on the document text: total word count, character count, average sentence length, estimated reading time, and a basic keyword density counter. Highlight overly long sentences or passive voice patterns visually inside a lightweight insights panel. ``` ### Cost vs paying **Starting costs (one-time):** - Cursor Pro (1 month): $20.00 - Total: $20.00 one-time **Ongoing costs (monthly):** - Anthropic API usage (personal volume): ~$5.00/mo - Total: ~$5.00/mo - Paying for the SaaS instead: $79.99/mo - Build time: 15-25 hours - AI tool credits: $20 (Cursor Pro) - Break-even: Immediate ## Sources - [ClosersCopy Official Website](https://closerscopy.com) - [AI Tools Oasis - ClosersCopy Review & Pricing](https://ai-tools-oasis.com/tools/closerscopy)