Copy-paste prompt · Plain HTML

Add image paste to any website in one prompt

GitHub lets you paste a screenshot into a comment and get a hosted link. Give any textarea on your site the same superpower with one script tag — no framework, no upload backend. Copy the prompt below, paste it into your AI coding agent.

Works with Claude CodeCursorWindsurfCopilot

1
Copy the prompt
The one big button below.
2
Paste it into your agent
In your project — Claude Code, Cursor, etc.
3
Drop in your key
Swap pv_pub_REPLACE_ME for a free key. Done.

Prompt for your coding agent

Add GitHub-style image paste-and-host to my website using PixelVault.
No build step, no framework — just a script tag.

Context — read this first and use only the documented API:
- Overview + API: https://pixelvault.dev/llms.txt
- Drop-in widget: https://pixelvault.dev/paste.js

Do this:
1. Add this script tag before </body>, pointing data-pv-target at the
   textarea(s) I want to make paste-and-host:

   <script src="https://pixelvault.dev/paste.js"
           data-pv-key="pv_pub_REPLACE_ME"
           data-pv-target="textarea"></script>

2. Result I want: when I paste or drag-drop an image into a matching textarea,
   it uploads to PixelVault and inserts markdown ![name](https://img.pixelvault.dev/…)
   into the field — the same flow as pasting a screenshot into a GitHub comment.

Rules:
- Use my publishable key where I wrote pv_pub_REPLACE_ME (I'll paste my own).
- Use the documented data-pv-* attributes only — do NOT invent options or endpoints.
- Don't add a bundler or framework; this is plain HTML.

What the agent will do

Add one <script> tag — no build step, no dependencies
Point data-pv-target at the textarea(s) you want
No backend changes — uploads go straight to PixelVault with your key
Nothing else on your page gets touched

Grab your free key

The one thing the agent can't generate is your publishable key (pv_pub_…) — it's origin-scoped and upload-only, safe to ship in browser code. Create one, add your app's origin, and paste it in.

Get your free key →

Free tier: 200 MB storage, 500 uploads/mo, 1 GB bandwidth. No card.

Prefer to add it yourself?

The prompt just automates one line. Drop this before </body> and every matching textarea becomes paste-and-host:

<script src="https://pixelvault.dev/paste.js"
        data-pv-key="pv_pub_xxxxxxxx"
        data-pv-target="textarea"></script>

Want a click-to-upload button too? Add data-pv-pick to a button, set to the target selector — <button data-pv-pick="textarea">Upload</button>.

Using a framework? There's a React prompt, a Vue prompt, and the full options reference in the docs.

Why a prompt instead of docs?

Because you probably weren't going to read the docs — you were going to tell your coding agent "add image paste" and hope it guessed our API. This prompt points the agent at pixelvault.dev/llms.txt and the exact script-tag attributes, so it wires up correct, current code the first time. Copy, paste, ship.

FAQ

How do I add image paste to a plain HTML textarea?

Add the PixelVault paste.js script tag with your publishable key and a data-pv-target selector. Pasted or dropped images upload to PixelVault and insert a hosted markdown URL — no framework or build step needed.

Do I need a build step or framework?

No. It's a single script tag that works on any HTML page. Uploads go straight to PixelVault using an origin-scoped, upload-only publishable key — no backend to build.

Which AI coding agents does this work with?

Any of them — Claude Code, Cursor, Windsurf, GitHub Copilot Chat, and similar. The prompt references pixelvault.dev/llms.txt for the live API, so the agent generates correct, current code regardless of which one you use.

Is the publishable key safe to put in browser code?

Yes — that's what it's designed for. A pv_pub_ key can only upload (never list, read, or delete) and only from the origins you allowlist. Keep your origin allowlist tight, and rotate the key if you ever see abuse.