The frontend review toolkit.

An element, an area, or a passage

Pick in 3 ways: a component, a box dragged over part of the page, or the words that are wrong. Maple keeps the path that finds each one again after a redeploy.

Every comment carries its context

The width, the colour scheme, a screenshot taken at the moment of the pick, and who wrote it, asked of your app rather than an account system of Maple's own.

Deployed previews, not localhost

Maple runs on the preview URL your CI already builds, so anyone holding the link can leave a comment: a designer, a product manager, a client.

A CLI your agent can drive

The maple command has 8 subcommands, from planning mocks to listing what each connector may implement. Every one that prints a table takes --json, so an agent drives it from a terminal as easily as you do.

Your agent picks it up over MCP

5 MCP tools. It waits for comments, reads each one with its context, makes the change, and resolves the comment against the commit that fixed it.

The file and the line

A build-time tagger marks every JSX element with where it was written, so a comment arrives pointing at the source rather than at a selector.

Maple stores nothing itself

Comments live in what you already run, such as the pull request itself or Datadog. A connector is one file of plain Promise-returning methods, in one of 6 kinds.

A merge gate

maple/visual-review fails while a comment is open and, if you want, until the reviewer approves. It clears because the work is done.

The 6 rules a machine can check, read off the page the browser actually laid out: tokens only, the type scale, touch targets, contrast, and motion that honours reduced motion. The rendered rules run today. The check that holds the merge comes next.

The comment is judged as it is typed, against 5 pillars, by a classifier you supply. It favours a comment an agent can act on.

Type one of 9 states you want to review, like empty, failing or a thousand rows, and the page's API calls return it. A model only picks the state. Code writes every byte.

Say who you want to be and what is switched on. Maple reads the sentence into a role, permissions and feature flags you can check before the page reloads.