Work · alternatives · 2026
24 alternatives to 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 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… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
- 2
STUDIO AI▲467The new age design tool with WebDesignAI inside
2023 · studio.design · its alternatives →
- 3
Try 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
2023 · csspro.com · its alternatives →
- 4
Give your agent tools to create beautiful, codebase-aware UI
Apr 2026 · aidesigner.ai · its alternatives →
- 5
Mastra Factory▲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…
Aug 2026 · mastra.ai · its alternatives →
- 6
Stunning designs made lightning fast with AI
2023 · designer.microsoft.com · its alternatives →
- 7
Browser MCP connects AI applications to your browser so you can automate tasks using AI. Supported by Claude, Cursor, VS Code, Windsurf, and more.
2025 · browsermcp.io · its alternatives →
- 8
VibeCSS▲117AI Design Agent for Google Chrome
Dec 2025 · chromewebstore.google.com · its alternatives →
- 9
Web to MCP▲353Send any website components to Cursor or Claude via MCP
2025 · web-to-mcp.com · its alternatives →
- 10
AI Web Designer▲534New and improved designs for your website using AI
2024 · bubble.io · its alternatives →
- 11
CODECAST▲254HTML & CSS editor in your browser with real-time previews
2015 · codecast.me · its alternatives →
- 12Agent 37▲401
Hey HN, I noticed there are 1,000+ MCP skills on GitHub with zero way for creators to charge for them. So I built Agent37. Selling Claude skills today means asking customers to download your skill, set up Claude Code on their laptops, configure MCP servers, and pray it works. No trial, no updates, often you're just handing over the source. Agent37 lets creators upload a skill, share a link, and anyone can try it instantly (no Claude account needed). Built-in Stripe, creators keep 80%. Looking for feedback on the approach. Would you use something like this?
Mar 2026 · agent37.com · its alternatives →
- 13
- 14
Hey HN! We’ve been building an MCP server to help AI-assisted web app developers by using browser agents to test whether changes made by an AI inside an editor actually work. We've been testing it on scenarios like verifying new flows in a UI, or checking that sending a chat request triggers a response. The idea is to let your coding agent both code and evaluate if what it did was correct. Here’s a short demo with Cursor: https://www.youtube.com/watch?v=_AoQK-bwR0w When building apps, we found the hardest part of AI-assisted coding isn’t the coding—it’s tedious point-and-click…
2025 · github.com · its alternatives →
- 15
Devsync▲319Visually edit CSS. Live-sync the result with your editor.
2020 · devsync.co · its alternatives →
- 16
Design Mode▲10Design directly in the browser. Your agent writes the code.
May 2026 · designmode.app · its alternatives →
- 17
Markdown Studio▲126Markdown editor built for the AI workflow era
Dec 2025 · mdstudio.app · its alternatives →
- 18
AI Browser▲143Hey HN! I built Browser AI after getting frustrated with the official Playwright MCP server in Claude Code. If you've used it, you know the pain: - 20+ separate tools that Claude has to juggle (click, fill, navigate, wait_for_selector, etc.) - Context window explosions from verbose screenshot data and DOM snapshots - Constant tool selection errors where Claude picks the wrong tool or forgets parameters Browser AI wraps Playwright MCP with a single natural language interface. Instead of Claude managing dozens of tools, you get one: browser_ai.execute. Just tell it what you want in plain…
Nov 2025 · aibrowser.surf · its alternatives →
- 19
Vibe-edit videos locally using Codex
Mar 2026 · harness.gg · its alternatives →
- 20
STUDIO 3.0▲223Design and launch dynamic websites in one place with no code
2020 · studio.design · its alternatives →
- 21
Build AI agents. Share org-wide. 100+ Tools&MCP
2025 · docs.zencoder.ai · its alternatives →
- 22RE
Hey HN! We built a browser-based agent that runs inside an authenticated web app, watches how the app calls its own APIs, and automatically turns those into agent tools. You can think of it as an auto-generated MCP server that self-updates as the host app changes. The result is a skilled AI assistant that actually integrates deeply with any product (not just chat and RAG) with minimal effort. Check out these short demos below that show the agent in software you're probably familiar with: - Jira: https://demo.frigade.com/hn?skill=jira - Spotify:…
Jul 2026 · its alternatives →
- 23
Point and click any element in your browser, then let Claude, Cursor, Antigravity, or Qwen write the code. Dosmos bridges visual design and AI-powered frontend development.
Feb 2026 · dosmos.app · its alternatives →
- 24
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →