Selfie.dev

Screenshot tests are a great way to direct coding agents, but putting them inside the agent's loop can multiply render counts by 100x to 1000x, which is unaffordable on centralized services such as Chromatic. Selfie is a new visual review gate for coding agents, built on StorybookJS: it runs on your machine alongside your agent, in CI, and on GitHub. Built during the hackathon: - **Agent loop:** `selfie review` returns one JSON document naming the diff images, with an exit code that says whether anything blocks. Agents and people approve or reject from there, and approvals follow Git history, so they don't need repeating after a commit, rebase, or merge. Reviewing an already-rendered Storybook takes about 0.3 s rather than 70 s on 541 stories. - **Working with an agent:** `selfie ui` is a local review page where a person leaves notes on an image. The agent acts on them, re-renders, and replies to each one. - **Trustworthy pixels:** rendering in a pinned container, and `selfie flakes` to find what isn't stable. - **CI and cloud:** a GitHub Action renders on every push and uploads the batch. hackathon.selfie.dev hosts the review pages and reports commit statuses. Anyone can view them without signing in. - **Asking Muse Spark:** on a changed story's page at hackathon.selfie.dev, anyone can ask Muse Spark about the change. It reads the before, after, and diff images, plus the commits and code diff from GitHub.