📡 Idea Radar 每天 8:00 / 18:00 推送 · 18:00 生成精选
reddit · SideProject · 44 分 ← 返回列表

I built a visual editor on top of Claude Code: click, edit, and Claude updates the real code

Editing small things on AI-built sites through prompts got tedious, so I built Atelier. You click text in the live preview to rewrite it, drop images onto the page, resize elements, then hit "Done editing" and Claude makes the changes in your actual files. Every change has one-click undo, and there's a library of free templates and components. Requires Claude Code (Claude Pro/Max or an API key). Windows for now. Waitlist for early access: https://forms.gle/nzPyJmmsdnpQUJjC8

五维评分

付费意愿
35
需求真实度
35
个人可落地
60
竞争空间
35
新鲜度
75

AI 分析

痛点:用自然语言提示词反复修改AI生成的网站小细节太低效,用户希望直接在可视化预览中点击、拖拽并让代码自动同步更新。

目标用户:使用Claude Code或AI建站工具快速生成网站,但需要频繁微调文案、图片和布局的独立开发者、设计师和小团队。

证据:Editing small things on AI-built sites through prompts got tedious, so I built Atelier. You click text in the live preview to rewrite it, drop images onto the page, resize elements, then hit "Done editing" and Claude makes the changes in your actual files. Requires Claude Code (Claude Pro/Max or an API key). Windows for now. Waitlist for early access

变现:按月订阅的桌面工具或浏览器插件,免费版限制项目数和撤销历史,付费版提供多框架支持、团队协作和模板组件库。

MVP:做一个Windows桌面端或VS Code插件:监听本地项目,提供实时预览iframe,点击文本/图片/元素后在覆盖层编辑,生成结构化diff并调用Claude Code写入文件,支持一键撤销和变更预览;先只支持React/Tailwind单页项目。

竞品:Lovable、v0、Webflow、Framer、Builder.io Visual Copilot、Cursor、Claude Code

摘要:作者发布Atelier,一个基于Claude Code的可视化编辑器,可在实时预览中点击改文案、拖图片、调尺寸,然后让Claude修改真实代码,并支持一键撤销和免费模板组件。目前仅支持Windows,需要Claude Pro/Max或API key,通过Waitlist获取早期访问。帖子只体现作者个人痛点,没有付费用户或收入数据,且AI建站与可视化编辑赛道竞争激烈。