Home / Generator
Forge a draft in your browser
A working demo of the drafting stage. Everything runs locally in this tab — no account, no key, nothing sent to a server. Paid workspaces run the same brief through a language model and add the SEO pass and publishing.
Connecting a real AI provider
This page ships as a browser-only demo so it can be hosted anywhere. Wiring it to a live model takes one function and one server route.
Step 1 — add a server route
Create an endpoint on your own backend, for example POST /api/generate. It receives the brief, calls the provider with your secret key from an environment variable, and returns the draft. A serverless function on Netlify, Vercel or Cloudflare Workers is enough.
Step 2 — swap the engine call
In assets/js/generator.js, replace the body of ABF.engine.generate() with a fetch() to that route. The rest of the page — validation, loading state, counts, copy, download, history — keeps working unchanged.
Never ship a key
Anything in this folder is downloadable by any visitor. An API key placed in the JavaScript is a public key. Keep it server-side and rate-limit the proxy route per session or per account.
What stays local
Recent drafts are stored in localStorage under the abf.docs key so this demo survives a refresh. Clearing site data removes them; nothing is transmitted anywhere.
Run this on a real pipeline
The free plan gives you five full articles a month with the SEO pass and export included.