ShelfSearch the shelf

Back to the collection

Retune screenshot

Resource profile

Retune

What it is

A browser-based tool for selecting and visually adjusting application elements.
It sends structured visual diffs to AI coding tools for source-code changes.
It supports Next.js, Vite, Remix, Tailwind, CSS Modules, and plain CSS.

Useful for

Adjusting spacing, colors, typography, and layouts with live previews.
Providing AI agents with component, selector, styling, and before-and-after change context.
Copying structured diffs to tools when no MCP server is connected.

Notes to know

It is a desktop tool intended for use on a larger screen.
It is free for individuals and automatically hides in production unless the force prop is used.
MCP integrations support Claude Code and Cursor; clipboard fallback is available for other tools.

A considered shelf by Shahadat Shemul·@HiShahadat