<!-- Markdown twin of https://pixelvault.dev/prompts -->

Agent prompts

# Add image hosting to your app in one paste

Don't wire it up by hand — hand your coding agent a prompt that's already grounded in our live API. Copy one, paste it into Claude Code, Cursor, or Copilot, and it adds GitHub-style image paste-and-host to your app. Pick your stack:

[React

## Add image paste to your React app

Wires the usePaste hook to your textarea. Paste a screenshot → hosted markdown URL.

Get the prompt →](/prompts/react-image-paste) [Next.js

## Add image paste to your Next.js app

Same hook in a Client Component, key via NEXT\_PUBLIC\_. No API route.

Get the prompt →](/prompts/nextjs-image-paste) [Vue

## Add image paste to your Vue app

Wires the usePaste composable (or v-paste directive) to your textarea.

Get the prompt →](/prompts/vue-image-paste) [TipTap

## Add image upload to your TipTap editor

Rich-editor path: upload via uploadImage() inside handlePaste/handleDrop.

Get the prompt →](/prompts/tiptap-image-paste) [Lexical

## Add image upload to your Lexical editor

Rich-editor path: uploadImage() inside the DRAG\_DROP\_PASTE command.

Get the prompt →](/prompts/lexical-image-paste) [Quill

## Add image upload to your Quill editor

Rich-editor path: uploadImage() then quill.insertEmbed(i, 'image', url).

Get the prompt →](/prompts/quill-image-paste) [Plain HTML

## Add image paste to any website

One script tag, no framework or build step. Any textarea becomes paste-and-host.

Get the prompt →](/prompts/html-image-paste)

Want a stack that's not here yet? The [core package](/blog/paste-and-host-images) works anywhere, and the [docs](/docs#paste) have the full reference. [Tell us what to add →](mailto:hello@pixelvault.dev)
