Every tool, one page each

Thirteen tools on a toolbar that lives in the page, not in a popup. Each one has its own page, and a recording of it in use as they are made.

point at things

• P Pick elementGet the CSS that actually applies to any element: every matched rule in cascade order, with hover states, breakpoints and design tokens intact. clip
• M MeasureThe box model shaded in place, margin, border and padding separately, with rulers out to the edges of the viewport and dimensions to a tenth of a pixel. clip
• D Design systemA whole page's design system in one panel: palette by coverage, type scale, spacing, radii, shadows and contrast. Exports Tailwind, CSS variables or tokens. clip
• B Design promptOne prompt that rebuilds a whole site's look: the palette, the fonts, the components that repeat, every section in order, the assets and the motion. clip

take one thing

• C Sample a colourAn eyedropper that reads any pixel on screen, including inside images, canvas and video, and copies it as hex, rgb or oklch. clip
• F Fonts in useHover any text and see the font it is really rendered in, measured rather than read off the stack, with every size, weight and webfont file on the page. clip
• I Images and SVGsEvery image, inline SVG, CSS background and video poster on a page, largest first, filterable, and downloadable as one zip packed in your browser. clip

change the page

• E Edit text in placeClick any text on a page and type over it. Real copy in a real layout, at the real dimensions, before anyone builds it. clip
• X Hide elementsRemove a cookie banner, a sticky header or a chat bubble before a screenshot. Press Z to bring them back one at a time. clip
• V Move elementsDrag anything anywhere to try a layout. It moves by transform, so nothing around it reflows, and putting it back is exact. clip

take it with you

• S ScreenshotCropped to the element you selected, or the viewport. The toolbar hides itself and waits for a repaint first, so it never lands in the capture. clip
• W Save page HTMLThe page as it stands, with the banner dismissed and the menu open, as one file next to its styles and a preview rendered without scripts. clip
• G Send to agentPick something in your own browser, press G, and your coding agent reads it over MCP. Reaches what a headless browser cannot: logins, and open menus. clip