Fix UI visually.Let AI write the code.

Select elements in your running app and adjust them. Send the exact change to your coding agent.

Total transactions300vs last month + 12StatCard600 × 208

Describing it

Visual feedback turns into a guessing game.

Screenshots covered in arrowsA paragraph to explain eight pixelsYour agent guesses which elementThree rounds to land one change

With Limno

Show the change once. Your agent gets the exact value.

3 selected

StatCard × 3

Padding12

Radius12

Checked on the page Send 3

Build with attention to details

Adjust anything on the page to your taste and Limno turns your changes into a spec your agent can build from.

Select anything

Click it in your app. Limno finds its component and source line.

Adjust it visually

Spacing, colour, radius and type, from your own design tokens.

Send it to your agent

Your agent writes the code. Limno checks it landed on the page.

Precise to every state, size and token.

Hover, focus, pressed. Every state.

A button can look right at rest and wrong on hover. Switch to the state you mean and fix it there.

Code that follows your conventions

Your tokens, classes, variants and breakpoints, used the way your code uses them. Never a stray hex value.

src/components/ui/button.tsx3 changes on Button

1const button = cva(
"inline-flex items-center gap-2 font-medium transition-colors",
{
  variants: {
    intent: {
        primary: "bg-[#2B8CFF] text-white hover:bg-[#1F7AE6]",
      secondary: "bg-bg-secondary text-fg-primary",
    },
    size: {
        md: "h-9 px-3 rounded-[10px]",
      lg: "h-control-lg px-space-4 rounded-radius-lg",
    },
  },
  defaultVariants: { intent: "primary", size: "md" },
},
16);

Every page. Every screen size.

Make changes across pages and breakpoints, send them together, and each is checked where it was made.

Spot issues and fix them where the code lives

Not every issue shows up on localhost. Capture the fix wherever you notice it, and hand it to whoever can ship it.

Keep the agent you already use

Limno connects to the coding agent you already work with. No new editor, no new workflow.

Claude Code ConnectedCodexAll your projectsGemini CLIAll your projectsCursorThis projectWWindsurfThrough MCPAntigravityThis project

Or any agent that speaks MCP

No repo access? Export the fix.

Export a fix request with before and after, ready for a ticket or for whoever owns the code.

Fix requeststaging.pocketmoni.app/transactions

StatCardRadius 16 12StatCard.tsx:14

StatusPillPadding 8 12StatusPill.tsx:9

Before and after, with the source to changeExport

Chrome extension

Review staging and production sites, no install in the codebase.

Coming soon

Nothing is done until it’s on the page.

After your agent edits the code, Limno measures the rendered page. You see what landed, and what didn’t.

StatCardradius radius-xl to radius-lg CheckingVerified

TransactionRowhover fill to neutral/subtle CheckingVerified

StatusPillpadding 8 to 12 CheckingDoesn’t matchExpected 12, rendered 8. Re-check or send it again.

Checked where it was made

Changes from other pages and screen sizes are measured on a fresh load, without you going back.

Committed, or not yet

See which files the agent touched and copy a ready commit message. Nothing is pushed for you.

One command to set up.First change in minutes.

Run it in your app’s folder. It finds your framework, adds Limno for development only and connects your coding agents. Nothing ships to production.

Next.jsNViteReactVueSvelteAstroANuxtNGatsbyGCreate React AppCRsbuildRbRspackRswebpackNext.jsNViteReactVueSvelteAstroANuxtNGatsbyGCreate React AppCRsbuildRbRspackRswebpackNext.jsNViteReactVueSvelteAstroANuxtNGatsbyGCreate React AppCRsbuildRbRspackRswebpack

Claude CodeCursorCodexGemini CLIAntigravityAny MCP agent

$ npx @limno/cli enable✓ Found Next.js, using pnpm✓ Installed @limno/next✓ Updated next.config.ts✓ Claude Code: ready in all your projectsSetup check: all 9 passed

NNext.jsViteReactVueSvelteAAstroNNuxtGGatsbyCCreate React AppRbRsbuildRsRspackwebpackNNext.jsViteReactVueSvelteAAstroNNuxtGGatsbyCCreate React AppRbRsbuildRsRspackwebpackNNext.jsViteReactVueSvelteAAstroNNuxtGGatsbyCCreate React AppRbRsbuildRsRspackwebpack

$ npx @limno/cli enable✓ Found Next.js, using pnpm✓ Installed @limno/next✓ Updated next.config.ts✓ Claude Code: ready in all your projectsSetup check: all 9 passed

Claude CodeCursorCodexGemini CLIAntigravityAny MCP agentClaude CodeCursorCodexGemini CLIAntigravityAny MCP agentClaude CodeCursorCodexGemini CLIAntigravityAny MCP agent

Works with Next.js, Vite, Nuxt, Astro, SvelteKit, Gatsby, Create React App, Rsbuild, Rspack and webpack, using React, Vue or Svelte.

01Run one commandDetects your stack and agents, and shows each file it changes first.

02Start your dev serverLimno runs in development only. Nothing it adds ships to production.

03Press ⌥E, or Alt+EEdit mode opens on your running app. Select anything to change it.

Or install it manually

Make visual changes your agent understands

Select what looks off, adjust it on the page, and hand your agent the exact change. Limno checks that it landed.

Nothing leaves your machine.Read the privacy policyPrivacy policy