CSS Studio. Design by hand, code by agent
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 dev mode and start editing it. In your agent, you can run /studio which then polls (or uses Claude Channels) an MCP server. Changes are streamed as JSON via the MCP, along with some viewport and URL information, and the skill has some instructions on how best to implement them. It contains a…
CSS Studio. Design by hand, code by agent launched on April 9, 2026 with 175 votes, #169 of 21,248 launches that month and more than 95% of that year's launches.
In plain words
CSS Studio is a browser-based design tool that integrates with AI agents to edit website code. Designers make visual changes directly on their live site, and the tool sends updates as JSON to an AI agent, which automatically implements modifications to the codebase. It includes features like text editing, style controls, and animation timeline editing. The tool is intended for developers and designers who want to bridge visual design and code generation through AI automation.
written from the facts on this page · September 2026
From the sources
A visual design tool in your browser. Changes made straight to your codebase - no matter the framework - by your existing AI agent. Edit content, layout, styles, animations and more.
A visual CSS editor for designers and developers. Edit styles, layout, and animations on your real site. Your AI agent writes every change into real source code.
Edit copy inline. Adjust styles with sliders. Iterate with variants. Your existing AI agent writes it all, directly to your codebase. Redesign and refactor using natural language and image attachments. One-click shortcuts let you generate multiple variants and adapt areas for mobile displays. A classic design tool interface lets you make precise changes to styles, text, layout and animations. Your agent applies these changes to your code. Your agent already knows how to work with your site. HTML, CSS, Tailwind, Markdown, React, or something else entirely. Make the right edits, in the right places. A real timeline editor, physics-driven springs, and scroll-linked animations. Applied as…from cssstudio.ai
In the maker’s words, at launch
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 dev mode and start…
Does a similar job
all alternatives →
I made CSS Pro, a re-imagined Devtools for web design2023 · csspro.com · ▲505Try your design ideas in seconds with a universal visual CSS editor that generates code for you. Say hello to speed, joy, and stunning designs in just a few clicks with CSS Pro
AI Designer MCPApr 2026 · aidesigner.ai · ▲89Give your agent tools to create beautiful, codebase-aware UI
Mastra FactoryAug 2026 · mastra.ai · ▲536We wanted to build a course for new Mastra devs to get started quickly. However, we knew videos would go out of date and be more difficult to maintain. We decided to launch our "course" as an MCP server. This way your coding agent actually teaches the course content to you and can help you write the code. We think this is a really interactive way to learn. Using an editor with MCP support (such as Cursor, Windsurf, or VSCode), your code agent will call the appropriate MCP tools which will return context for the agent. This context tries to instruct the agent that it should be teaching you…
Microsoft Designer for Web2023 · designer.microsoft.com · ▲472Stunning designs made lightning fast with AI
More work this month
the category →
Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.
Work · 24d ago · loficities.com
Smooth Recorder▲257Mac screen recordings that look edited when you hit stop
Work · 18d ago · smoothrecorder.com
Work · 12d ago · readrare.com
Source: Show HN post ↗ · launch text quoted in part
Launched alongside, April 2026
the whole month →
- AG
Thought the resources for GPU arch were lacking, so here we are
Life & fun · Apr 2026 · jaso1024.com
Built a ~9M param LLM from scratch to understand how they actually work. Vanilla transformer, 60K synthetic conversations, ~130 lines of PyTorch. Trains in 5 min on a free Colab T4. The fish thinks the meaning of life is food. Fork it and swap the personality for your own character.
AI · Apr 2026 · github.com
I made a laptop stand out of solid concrete, in the style of brutalist architecture, with themes of urbex and urban decay
Life & fun · Apr 2026 · sam-burns.com
With social media and now AI, its important to keep the indie web alive. There are many people who write frequently. Blogosphere tries to highlight them by fetching the recent posts from personal blogs across many categories. There are two versions: Minimal (HN-inspired, fast, static): https://text.blogosphere.app/ Non-minimal: https://blogosphere.app/ If you don't find your blog (or your favorite ones), please add them. I will review and approve it.
AI · Apr 2026 · text.blogosphere.app