finch
People building with Claude Code

Point at it. Don’t describe it.

Stop describing pixel changes in a chat box. Click the thing, change it, press Apply, and Claude Code writes it into your code the way your project already does it.

The difference

Fewer rounds. More shipped.

Today

  • “Make the heading a bit bigger.” “No, smaller than that.”
  • Spacing, colour and alignment are hard to put into words
  • Feedback from other people arrives somewhere else, out of context
  • Small tweaks eat a whole conversation

With Finch

  • Change it on the live page with real controls: size, colour, spacing, layout, order
  • Finch saves the exact value and what it was before, so Claude edits precisely and spots conflicts
  • Each change lands on a branch as its own commit, with a build check before it merges
  • Share the link and other people can suggest edits for you to approve
How it goes

Three steps, start to live.

  1. 01

    Run /finch-install

    One command adds Finch to your site, whatever you built it with: HTML, React + Vite, Next.js, Nuxt, Astro or Ample.

  2. 02

    Edit the live page

    Press Edit this page and change what you see. Use “In words” for anything bigger.

  3. 03

    Run /finch-apply

    Claude makes each change, commits it, merges and deploys. The page reloads into the live version.

See the whole loop in detail →

Questions

Good to know.

Does it work with Tailwind?

Yes. Claude writes each change the way your project already styles things: Tailwind classes, CSS modules, plain CSS or design tokens.

Does it replace prompting Claude?

No. It covers the visual tweaks that are hard to describe. For bigger changes, write a note in plain words on the page, or keep talking to Claude as usual.

Does applying use my Claude plan?

Yes. /finch-apply runs in your own Claude Code session, on your own computer.

What if I changed the code since the edit?

Finch saved the value from before the edit. If the code no longer has it, Claude leaves that change out and tells you what it found.

Get started

Ready to ship your next change?

Add the plugin to Claude Code and run /finch-install in your project. It takes about two minutes, and Finch is free while it’s in early access.

Read the install guide

Claude Code
# needs a paid Claude plan (Pro or higher)> 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.# or, in the terminal: /plugin marketplace add usefinch/notes
#   then /plugin install finch@finch
# open a new session in your site’s folder
> /finch-install
# sign in with Google, choose who sees Finch
✓ Finch is set up with editing on.
# deploy your site the way you usually do
# open it and click Edit, change anything, click Apply changes
# then, in a new session:
> /finch-apply
✓ Your changes are live.