Show HN: CSS Studio — Design Visually in the Browser While an AI Agent Writes the Code

Hacker News·medium signal

CSS Studio launched on Show HN (63 points, 56 comments), offering a browser-based design tool from the Motion team that overlays visual controls on live pages while an AI agent writes CSS changes directly into source code. Features include a full animations timeline with spring easing editors, CSS variables panel for site-wide propagation, gradient editors for linear/radial/conic gradients, and DOM manipulation tools. Works across Chrome, Safari, and Firefox — positioned as a bridge between design and code that eliminates handoff friction.