PinUI
point. don't describe.

point at it.
skip the essay.

Click any element and PinUI hands your agent the exact context. Selector, styles, the works. Colors, fonts, and assets too.

no card. no setup. just pin.

localhost:3000
PinUI · inspect
2

Build UIs your agent understands

A calm in-page bubble that turns a click into clean context.

3
1
button.ctaButton
color
#2E8BFF
font
Inter 600
size
15px
round the corners + use our soft-blue

drops straight into

CursorClaude CodeCodexGemini CLIAntigravity CLICopilotClineContinueWindsurf

the loop

Three clicks. That's the whole thing.

No screenshots. No “the button near the top”. No back-and-forth.

01

pin it

Hit inspect, then click whatever's bugging you.

02

say it

Drop a quick note. Keep it short, it's not an email.

03

ship it

Copy the prompt, paste into your agent, move on.

more than prompts

Tiny bubble. Does a lot.

Pin elements, steal colors, lift fonts, yank assets. Then ship it to your agent.

inspect

Pin the exact thing

Hover to highlight, click to pin. PinUI grabs the selector, position, text, and styles, so your agent fixes the right thing instead of guessing.

  • Hover highlight + numbered pins
  • Selector, route & viewport
  • Computed styles on tap
1
div.card > .hero-image

color picker

Steal any color

Sample any element or pixel and copy the value on the spot. HEX or RGBA, zero DevTools digging.

  • HEX + RGBA, tap to copy
  • Text, background & border
  • Stack up a palette

#5BA8FF

rgba(91,168,255,1)

copy ⧉

#163B57

rgba(22,59,87,1)

copy ⧉

#8FE3D0

rgba(143,227,208,1)

copy ⧉

font picker

What font is that?

Point at text and get the family, size, and weight with a live preview. Copy the stack and keep moving.

  • Family, size & weight
  • Live type preview
  • Copy the font stack

Ag

The quick brown fox jumps

family
Bricolage Grotesque
size
44px
weight
800

assets

Yank the assets too

Images, icons, SVGs, logos, CSS backgrounds. Straight off the page, one click, no inspector spelunking.

  • Images, SVG & icons
  • CSS background capture
  • One-click export
#5BA8FF#8FE3D0#FFE08A#163B57#FF7A7A
.svg
.png
.ico
.css

output

Then copy a real prompt

Bundle the element, styles, colors, fonts, and your note into clean Markdown. Quick or full-context, your call.

  • 4 output modes
  • Carries your note
  • Sensitive fields stripped
prompt.md

## Target

`button.cta` — primary CTA

## Change

Round the corners, use soft-blue,

bump size on mobile.

route: /signup · 1440×900

pricing

Free to try. Pay once, that's it.

No sneaky subscriptions. One payment, QRIS-friendly, done.

Free Trial

Rp0

24 hours, kicks in at signup

  • Unlimited pins
  • Every output mode
  • Color + font pickers
  • Asset export

Yearly

Rp 300.000

365 days, renew when you want

  • Unlimited pins
  • Every output mode
  • Color + font pickers
  • Asset export
fan favorite

Lifetime

Rp 500.000

Pay once, keep it forever

  • Unlimited pins
  • Every output mode
  • Color + font pickers
  • Asset export

Point at the bug. Ship the fix.

Free for 24 hours. Keep it only if it sticks.