Embed the Prompt Improver
One JavaScript tag. A live prompt-improver on your page. Uses your reader's own Anthropic API key (BYO model) — no backend cost. Same tool as prompt-improver-indol.vercel.app.
Copy-paste snippet
<script src="https://prompt-improver-indol.vercel.app/embed.js" async></script>Drop that into any HTML — blog post, docs site, Ghost / Hashnode / Gitbook / Docusaurus / MkDocs. The widget appears where the tag sits.
Live preview
Configuration
| Attribute | Default | What it does |
|---|---|---|
data-height | 700 | Iframe height in pixels (min 240). |
data-theme | auto | light, dark, or auto. |
data-target | (inline) | CSS selector. Widget mounts inside that element instead of inline. |
data-branding | show | Set to hide to remove the "Powered by" footer. |
Example: custom target + height
<div id="prompt-tool"></div>
<script
src="https://prompt-improver-indol.vercel.app/embed.js"
data-target="#prompt-tool"
data-height="800"
async
></script>How costs work
- Free to embed. No signup, no rate limit, no paid tier.
- Your readers pay their own inference. The widget calls Anthropic directly using the reader's API key. Typical improvement = a few cents with Claude Sonnet, pennies with Haiku.
- No keys leave the browser. The widget never transmits the API key to anyone but Anthropic.
FAQ
Why would I embed the Prompt Improver on my site?
If you write about prompt engineering, AI workflows, or LLM productivity, an embedded prompt improver lets readers paste their own messy prompt and see a refined version with an explanation of what changed — without leaving your page. It is more useful than static before/after screenshots because every reader can try it on their own real prompt. The tool uses BYO Anthropic API keys, so there is no backend cost to you or to prompt-improver-indol.vercel.app.
Is the embed widget free?
Yes — completely free, no signup. The widget calls Anthropic's API directly with your reader's own key (BYO model), so inference is paid by the reader (typically pennies per prompt with Claude Haiku). There is no paid tier and no rate limit on the widget itself.
Can I customize the embed widget?
Yes. Use data-* attributes on the <script> tag: data-height controls iframe height in pixels (default 700), data-theme picks light/dark/auto, data-target accepts a CSS selector for where to mount the widget, and data-branding="hide" removes the Powered-By footer.
Does this work on Notion / Substack / Medium?
Platforms that allow raw <script> tags: yes. Substack and Medium strip scripts; link to the full tool from those instead.