Pixy

Visual layer between you and your coding agent

The visual layer between you and your coding agent, on any site you're working on. Press Cmd+Shift+E (Ctrl+Shift+E on Windows and Linux), and the page in your tab becomes the canvas. Drag the headline out of place. Resize a button with its handles. Change a colour, a radius, a font size. Click into the text and type. It's the running page, not a mockup of it. Dropdowns stay open, state stays alive, nothing is copied or re-rendered. So you can design things that were never a drawing: server responses, pages generated on the fly, popups, logged-in states, real content. HOW IT WORKS Three steps, and only one of them is setup. 1. Authorise the extension with your Pixy account. Once per browser. 2. On any site, hit the shortcut and pick the project it belongs to. 3. Edit, then tell your agent to pull from Pixy. It gets every change as a record it can act on: selector, property, from, to. No more "make the heading bigger, no, smaller, move it up a bit, here's one more screenshot". You show, the agent ships. ONE PROJECT, EVERY VERSION OF YOUR SITE A project isn't tied to a single URL. Bind your production domain, a staging server, docs on a subdomain and localhost to the same project, and design the same thing wherever it runs today. SAFE BY DESIGN The editor runs in an isolated world beside the page. Nothing you do changes the site for its visitors, and it stays that way until your agent implements the edits. Pixy reads no page data from sites you don't edit, and the extension only wakes when you invoke it. Same projects as the Pixy script tag, so a design you start in the browser carries on with your team. Free Pixy account, no card: pixydesignapp.com