PIN ITHAND IT OFFSHIP IT

Point at the bug.
Get back a pull request.

Click what looks wrong on your live site. relai captures the full context for the teammate who fixes it, and for the coding agent they run.

Get started Add to Chrome

Also on Firefox. Or paste one script tag.

staging.northstep.shop/checkout

NORTHSTEP

RoadTrailSocksSale

Bag (2)

Checkout

Order summary

Ridge Runner 2

Moss · US 10

$148.00

Trail Sock 3-pack

Oat · M

$24.00

Promo code

Apply

Subtotal$172.00

ShippingFree

Total$172.00

Payment

Card number

MM / YY

CVC

Name on card

Pay $172.00

3 open

Pin #142

/checkout

Open

Element

Page

Console

Browser

Component

Network

Add a note…

AI Assist

Assign to…

Normal

Not assigned yet

01 / 06Something looks off on checkout.

When a pin is Urgent, create a Linear issue and post to Slack

armed

Claude CodeRavi’s terminalMCP · relaiIdle

ravi › _

Linear · no issue yet

Slack · #checkout

Quiet so far.

staging.northstep.shop/checkout

NORTHSTEP

RoadTrailSocksSale

Bag (2)

Checkout

Order summary

Ridge Runner 2

Moss · US 10

$148.00

Trail Sock 3-pack

Oat · M

$24.00

Promo code

Apply

Subtotal$172.00

ShippingFree

Total$172.00

Payment

Card number

MM / YY

CVC

Name on card

Pay $172.00

3 open

Pin #142

/checkout

Open

Element

Page

Console

Browser

Component

Network

Add a note…

AI Assist

Assign to…

Normal

Not assigned yet

01 / 06Something looks off on checkout.

When a pin is Urgent, create a Linear issue and post to Slack

armed

Claude CodeRavi’s terminalMCP · relaiIdle

ravi › _

Linear · no issue yet

Works over MCP with the agent you already run

Claude Code/Codex/Cursor/Gemini/Cline

HOW IT WORKS

From “this looks wrong” to fixed, in three moves.

No screenshots pasted into Slack. No “which page was that?” The pin is the whole conversation.

Pin it.

Click the element that looks wrong. relai grabs the screenshot, the element, the console and the component. Add a sentence, or let AI Assist write it.

div.coupon-row

Hand it off.

Assign it to a teammate. They fix it, or hand it to their coding agent, which reads the pin through MCP.

DKDana KovačDesign

RORavi OkaforFrontend

MTMei TanakaProduct

Ship it.

The fix comes back as a pull request. The pin closes with the link, and the Linear issue moves to Done without anyone touching it.

Pin #142 resolvedPR #318

NST-142In ReviewDone

Synced from relai. Nobody moved it.

HOW IT WORKS

From “this looks wrong” to fixed, in three moves.

Pin it.

Click the element that looks wrong. relai grabs the screenshot, the element, the console and the component. Add a sentence, or let AI Assist write it.

Hand it off.

Assign it to a teammate. They fix it, or hand it to their coding agent, which reads the pin through MCP.

DKDana Kovač

RORavi OkaforFrontend

Ship it.

The fix comes back as a pull request. The pin closes with the link, and the Linear issue moves to Done without anyone touching it.

Pin #142 resolvedPR #318

WHAT A PIN CAPTURES

Everything a developer would ask. Before they ask it.

One click. The person who fixes it, and the coding agent they run, start with the full picture.

Screenshot1

What they saw, with the element outlined.

The exact element2

A real selector. Not “the button near the top.”

Page URL3

The route they were on, query string included.

Console errors4

The errors on that page, at the moment of the pin.

Pin #142/checkoutOpen

2ElementCouponField › button.apply

3Page/checkout?step=payment

4Console1 error · minWidth is NaN

5BrowserChrome 140 · 1440×900 @2x

6ComponentCouponField

7NetworkPOST /api/cart/coupon 500

coupon thing broken on checkout??

Promo code row overflows the order summary at 1440px. Apply sits outside the card.

Rewritten by AI Assist

5Browser and screen

Browser, OS, viewport and pixel ratio. No “works on my machine.”

6Component

The component the element belongs to, so the fix starts in the right file. Works on staging and dev builds.

7Failing requestopt-in

The network call that failed, if your team turns it on.

8A clear note

Type it rough. AI Assist turns it into a bug description a developer can act on.

WHAT A PIN CAPTURES

Everything a developer would ask. Before they ask it.

Pin #142/checkoutOpen

Screenshot1440×900 @2x

What they saw, with the element outlined.

The exact elementbutton.apply

A real selector. Not “the button near the top.”

Page URL/checkout

The route they were on, query string included.

Console errors1 error

The errors on that page, at the moment of the pin.

Browser and screenChrome 140

Browser, OS, viewport and pixel ratio.

ComponentCouponField

The component the element belongs to. Works on staging and dev builds.

Failing requestopt-in

The network call that failed, if your team turns it on.

A clear noteAI Assist

Type it rough. AI Assist turns it into a bug description a developer can act on.

AI TEAMMATES

Your agent reads the pin. Not the Slack thread.

relai ships an MCP server. Your coding agent lists open pins, pulls one with its screenshot and context, fixes the code, and resolves the pin with a link to the PR.

list_pinsOpen pins, by status, site, assignee or priority

get_pinFull context for one pin, screenshot included

update_pin_statusOpen, in progress or resolved, with a note

resolve_pinClose it with the PR or commit link

comment_on_pinAsk a question back on the pin thread

Agents are only as good as the context they get. As they get better, a precise pin is worth more.

~/northstep-webMCP · relai

$ claude mcp add --transport http relai https://www.relai.team/api/mcp \

--header "Authorization: Bearer relai_pat_…"

relai connected · 5 tools

you take the urgent pins on checkout

agent list_pins status=open priority=urgent

#142 Promo code row overflows order summary

agent get_pin 142

screenshot.png · CouponField › button.apply

1 console error · Chrome 140 · 1440×900

agent The row sets minWidth from an input width that is NaN

at 1440px. Editing src/checkout/CouponField.tsx

- minWidth: `${inputWidth}px`,

+ minWidth: 0,

+ flex: "1 1 auto",

agent npm test checkout 14 passed

agent opened PR #318 fix(checkout): contain promo row

agent resolve_pin 142 link=PR#318

pin #142 resolved · NST-142 moved to Done

AI TEAMMATES

Your agent reads the pin. Not the Slack thread.

relai ships an MCP server. Your coding agent lists open pins, pulls one with its screenshot and context, fixes the code, and resolves the pin with a link to the PR.

~/northstep-webMCP · relai

you take the urgent pins on checkout

agent list_pins priority=urgent

#142 Promo code row overflows

agent get_pin 142

screenshot · CouponField · 1 error

- minWidth: `${inputWidth}px`,

+ minWidth: 0,

agent npm test checkout 14 passed

agent resolve_pin 142 link=PR#318

pin #142 resolved · NST-142 Done

list_pinsOpen pins, by status, site, assignee or priority

get_pinFull context for one pin, screenshot included

update_pin_statusOpen, in progress or resolved, with a note

resolve_pinClose it with the PR or commit link

comment_on_pinAsk a question back on the pin thread

Agents are only as good as the context they get. As they get better, a precise pin is worth more.

WHERE YOUR TEAM ALREADY WORKS

Pins show up where the work happens.

Keep your tracker. relai keeps it current, in both directions where it can.

Automations

Plain rules that run on every pin. Route by priority, site or page. No glue code.

WHEN

A pin is Urgent

THEN

LCreate a Linear issue

SPost to Slack

Add a step

LLineartwo-way

Status syncs both ways. Resolve the pin and the issue moves to Done. Move the issue and the pin follows.

SSlack

New pins, assignments and resolutions posted to the channel you choose, with a link back to the pin.

AAsana

Turn a pin into a task in the project you choose, context attached.

Webhooks

New pins, comments, mentions and status changes as JSON to your own endpoint. Build the integration we have not.

WHERE YOUR TEAM ALREADY WORKS

Pins show up where the work happens.

Automations

WHEN

A pin is Urgent

THEN

Create a Linear issue

Post to Slack

LLineartwo-way

Status syncs both ways. Resolve the pin and the issue moves to Done. Move the issue and the pin follows.

SSlack

New pins, assignments and resolutions posted to the channel you choose.

AAsana

A pin becomes a task in the project you choose.

Webhooks

New pins, comments, mentions and status changes as JSON to your own endpoint.

WHO IT'S FOR

Small teams that ship every day. Some write the code. Some have an agent write it.

Spots it

Founders and PMs

You find it on staging between meetings. Pin it, assign it, move on. Nobody has to ask which page.

Spots it

Designers

Point at the pixel that is off. The pin carries the element and the viewport, so the fix matches what you saw.

Fixes it

Developers and their agents

Every pin arrives ready to reproduce. Take it yourself, or ask your agent to pull it through MCP.

Teams of 2 to 15Not a bug tracker. Not a client-feedback widget. The handoff between whoever spots it and whoever fixes it.

WHO IT'S FOR

Small teams that ship every day. Some write the code. Some have an agent write it.

Teams of 2 to 15

Spots it

Founders and PMs

Pin it, assign it, move on. Nobody has to ask which page.

Spots it

Designers

Point at the pixel that is off. The fix matches what you saw.

Fixes it

Developers and their agents

Every pin arrives ready to reproduce. Take it yourself, or ask your agent to pull it through MCP.

Not a bug tracker. Not a client-feedback widget. The handoff between whoever spots it and whoever fixes it.

PRICING

Priced per workspace.

Compare plans

Starter

$250/ month

For a small team shipping on a few sites.

5 people
3 sites
300 AI Assist uses a month
Unlimited pins

Get started

Team

$400/ month

For a product team with several projects in flight.

15 people
10 sites
500 AI Assist uses a month
Unlimited pins

Get started

Scale

$1,000/ month

For an organisation running relai across many products.

Unlimited people
Unlimited sites
Unlimited AI Assist uses a month
Unlimited pins

Talk to us

PRICING

Priced per workspace.

Starter$250 / month

For a small team shipping on a few sites.

5 people
3 sites
300 AI Assist uses a month
Unlimited pins

Team$400 / month

For a product team with several projects in flight.

15 people
10 sites
500 AI Assist uses a month
Unlimited pins

Scale$1,000 / month

For an organisation running relai across many products.

Unlimited people
Unlimited sites
Unlimited AI Assist uses a month
Unlimited pins

Compare plans

Pin the next one.

Install the extension, open your staging site, click what looks wrong. That is the whole setup.

Get started Add to Chrome Add to Firefox

No extension? Paste this into your site.

<script src="https://relai.team/embed.js"
data-key="pk_live_…"></script>

Pin the next one.

Install the extension, open your staging site, click what looks wrong. That is the whole setup.

Get started Add to Chrome Add to Firefox

Or paste this into your site:

<script src="https://relai.team/embed.js"
data-key="pk_live_…"></script>

Point at the bug. Get back a pull request.

From “this looks wrong” to fixed, in three moves.

Pin it.

Hand it off.

Ship it.

From “this looks wrong” to fixed, in three moves.

Pin it.

Hand it off.

Ship it.

Everything a developer would ask. Before they ask it.

Everything a developer would ask. Before they ask it.

Your agent reads the pin. Not the Slack thread.

Your agent reads the pin. Not the Slack thread.

Pins show up where the work happens.

Pins show up where the work happens.

Small teams that ship every day. Some write the code. Some have an agent write it.

Founders and PMs

Designers

Developers and their agents

Small teams that ship every day. Some write the code. Some have an agent write it.

Founders and PMs

Designers

Developers and their agents

Priced per workspace.

Priced per workspace.

Pin the next one.

Pin the next one.

Point at the bug.
Get back a pull request.