Skip to Main Content

CleopetraVerse

Built at Meta Global AI Developer Hackathon · Oct 26, 2026 · Remote

CleopetraVerse — Demo video

Pixel Perfect: your frontend quality agent. My coding agents write the UI. Pixel Perfect proves it's right, and fixes it when it isn't. AI coding agents can build whole interfaces, but "the build passes" isn't the same as "the UI is right." Developers still open the browser, dig through DevTools, find the real CSS rule, and go back to the agent, again and again. Pixel Perfect is a Chrome side-panel agent powered by Muse Spark through the Meta Model API. Select what looks wrong on your running app and describe it in plain English. Muse Spark investigates the live page with about 20 tools: computed styles, the CSS rules that actually win, source files, Figma designs. It finds the root cause with its file and line, previews a fix, and measures it at mobile, tablet and desktop. Only when the measurements pass does it write the fix into your code, through a local bridge, and re-check the real code. It goes beyond the happy path: • Break it: stress-tests a block with long words, huge numbers, empty data, small screens and RTL • Interaction states: hover, focus, active, disabled, and accessibility gaps • Behaviour: clicks buttons, reads console errors, and asks before adding new behaviour • Figma: turns the design into measurable checks • Production: safe on live sites, with preview and Copy CSS only • Regression: every verified fix becomes a saved check that catches the bug when it comes back Guardrails are enforced in code, not just the prompt: locked checks, no CSS hacks, approval for new behaviour, and no edits when you only ask a question. An experimental local mode runs open-weights models through Ollama for company code. In our test, GPT-5.3-Codex and Claude Opus 5.5 both reported a padding bug as fixed, but measured checks showed it still failed. Pixel Perfect's fix passed at all three screen widths.

Team