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 Code``Cursor``Windsurf``Copilot` 1. 1 **Copy the prompt** The one big button below. 2. 2 **Paste it into your agent** In your project — Claude Code, Cursor, etc. 3. 3 **Drop in your key** Swap `pv_pub_REPLACE_ME` for a free key. Done. Prompt for your coding agent Copy prompt 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 , pointing data-pv-target at the textarea(s) I want to make paste-and-host: 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 ` ``` Want a click-to-upload button too? Add `data-pv-pick` to a button, set to the target selector — `Upload`. Using a framework? There's a [React prompt](/prompts/react-image-paste), a [Vue prompt](/prompts/vue-image-paste), and the full [options reference in the docs](/docs#paste). ## 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`](/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.