How to use Copy for Cursor

Copy for Cursor is the section TSX plus a wrap an agent can read. File split and import paths are adjusted by the agent for App Router or Pages Router.

The free quota is one component copy per day (Japan time). Copying a complete Template page is Pro.

Paste the full copy into Composer or Agent and instruct: add this React section to the existing Next.js app, keep Tailwind classes, install missing npm deps, replace headlines, CTAs, and links with our product name.

Naming a target such as app/(marketing)/page.tsx or components/sections/ keeps placement stable.

If the repo is in a Claude Project, paste the same TSX and point at the destination file. With a local CLI, load the component into context and ask it to match existing layout tokens (color, spacing) so the section stays on-brand.

Some sections need framer-motion or lucide-react. If install fails, have the agent read the imports and update package.json.

Treat easing and delay from the live preview as the baseline, then tune tempo to the rest of the page.