ToolsThe story, in brief
Show HN: CSS Studio. Design by hand, code by agent
Not a pilot. CSS Studio lets AI agents redesign your live site in real-time—changes stream as JSON via MCP.
The KeyNews take
Why it matters
A new developer tool that bridges visual design and AI agents, enabling autonomous code editing workflows. Demonstrates the emerging layer of AI-native tooling built on top of Claude/agent APIs.
The key facts
6 to knowCSS Studio ships with visual editor (text, styles, animation timeline)
Integrates with existing AI agents via MCP (Model Context Protocol) server
Uses Claude Channels for real-time polling of design changes
Changes streamed as JSON with viewport/URL context
Runs entirely in-browser, edits live codebases
Published April 9, 2026 on Hacker News (early-stage consumer launch)
Go to the source
Hacker Newscssstudio.ai
Publisher excerpt: Hi HN! I've just released CSS Studio, a design tool that lives on your site, runs on your browser, sends updates to your existing AI agent, which edits any codebase. You can actually play around with the latest version directly on the site. Technically, the way this works is you view your site in…