SOLUTIONS

Wibar

Wibar is an MCP server that lets AI assistants see, measure and rebuild the interfaces and animations of a live web browser.

Discuss a similar project

WHAT IT IS

An MCP that shows AI the browser

A real page in a browser

The assistant opens the page in a real browser and reads layout, colours and dimensions instead of guessing them.

Animation and scroll

Transitions, animations and scroll behaviour are recorded along with the page.

From design to code

A chosen section moves into the project with its own markup, styles and assets.

Verified by measurement

The result is compared with the record, and any remaining difference is reported.

WHAT IT SOLVED

From guessing to measuring

01 / 02

AI that cannot see the interface

AI coding assistants usually infer an interface from a screenshot or a description. Spacing, dimensions and motion get lost in that guess.

02 / 02

A measured record of the design

Wibar turns the page in the browser into a measured record. The assistant reads the design from it, brings the section into the project and checks the result against the same record.

WHAT WE BUILT

What Wibar is made of

Wibar works as a tool set that connects to AI assistants supporting MCP.

MCP server

The tools that let an assistant inspect a page and take its design.

Page capture

A capture layer that gathers markup, styles, assets and motion data in one record.

Verification step

A check that compares the section added to the project with the recorded measurements.

SOLUTIONS

Build your AI tool with us

Discuss a similar project