Finch on a React + Vite site.

Install

Paste this into Claude Code, then run /finch-install in a new session in your project:

> Add the Claude Code plugin finch@finch from the GitHub marketplace usefinch/notes (put it in my Claude Code settings if /plugin isn’t available here), then tell me how to load it and run /finch-install on this site.

Full steps are on the install page.

How Finch knows it’s React + Vite

It looks for vite in package.json (Vue, Svelte and plain Vite sites work the same way).

Where the script goes

Just before </body> in the root index.html. That’s the only change to your site’s code.

Good to know

• Claude finds each edit in your components from the element and the page it was made on, and changes it the way the project already styles things: Tailwind classes, CSS modules or plain CSS.
• A Vite plugin that stamps every element with its exact file and line is on the way; Finch works without it.
• Your dev server shows applied code itself, so Finch doesn’t reload the page for you.