New: scheduled publishing to WordPress and Webflow is now available on every paid plan. See what shipped
Content generator

Generate a structured draft in your browser

Set the format, audience, tone and keywords, then generate. Nothing is uploaded: this demo composes documents locally so you can see the structure before connecting a model API.

Document settings

Recent documents

  1. No documents yet. Your generated drafts appear here.
No document yet

No document yet.
Fill in the form and select Generate document. Your draft appears here with word and character counts.

For developers

Connecting a real model API

This page runs a template engine in the browser so the demo works on static hosting with no keys and no server. When you are ready for real generation, keep the same form and swap the engine call for a request to your own backend.

  • Front end posts the form values to your endpoint, for example /api/generate
  • Your server holds the provider key in an environment variable
  • Your server adds rate limiting, usage counting and abuse checks
  • The response returns to the page in the same shape the demo already renders

Never place a provider key in front-end JavaScript. Anything shipped to the browser can be read by anyone who opens developer tools.

Where to make the change

File: assets/js/generator.js
Function: ABJGenerator.create()


What stays the same

Validation, loading state, copy, download, regenerate and the local history list all continue to work. Only the source of the document text changes.


Suggested server stack

Any runtime you already use: a small Node, Python or PHP endpoint is enough. Full setup notes are in README.md.

Getting better output

Three habits that improve every draft

Write the topic as a promise

"How to plan a quarterly content calendar" gives the engine a job. "Content calendar" gives it a category.

Keep keyword lists short

Three to five terms that belong to the same intent beat a list of twenty that pull in different directions.

Set the call to action first

Knowing the ending shapes the middle. It also stops drafts from trailing off in a summary nobody reads.

Ready to run this on your own site?

Create a free workspace to save documents, connect WordPress and set a publishing schedule.