siuming-qiu /
web-cursor
Web Cursor 是一个浏览器里的 Cursor + React Playground。用户用自然语言描述页面或小应用，AI 会直接读写 React 项目文件；同时，项目会在浏览器中通过 WebContainer 安装依赖、启动开发服务器，并在 iframe 中实时预览。遇到安装、启动或运行时报错时，错误会回传给 AI，让它继续修改代码直到页面跑通。 特色 AI 直接读写项目文件。支持列文件、读文件、写文件、删除文件、重命名文件，生…
产品配图
关于
Web Cursor 是一个浏览器里的 Cursor + React Playground。用户用自然语言描述页面或小应用，AI 会直接读写 React 项目文件；同时，项目会在浏览器中通过 WebContainer 安装依赖、启动开发服务器，并在 iframe 中实时预览。遇到安装、启动或运行时报错时，错误会回传给 AI，让它继续修改代码直到页面跑通。 特色 AI 直接读写项目文件。支持列文件、读文件、写文件、删除文件、重命名文件，生成的不是代码片段，而是完整 React / TypeScript 多文件项目。 浏览器内真实运行。使用 WebContainer 执行 npm install 和 npm run dev，iframe 加载真实 dev server 页面，不是静态截图或伪预览。 报错回传 & 自动修复。install error、dev server error、browser runtime error 会作为工具结果回传给 AI，AI 根据真实错误继续修改项目。 Monaco 编辑器 & AI 代码补全。内置文件树和 Monaco 编辑器，支持手动编辑、保存、新建、重命名、删除文件，并支持 AI inline code completion。 识图生成页面。支持上传图片附件，AI 可以识别图片中的布局、视觉元素和内容，并据此生成或修改 React 页面。 AI 生图并写入项目资产。AI 可以异步生成网页所需图片，例如 hero 图、产品图、场景图等，生成结果会保存为项目资产并可在页面中引用。 Figma 作为上下文。支持 Figma OAuth 读取指定 node，让 AI 参考设计稿生成或修改页面。 项目持久化 & 多会话。项目、文件、会话和消息存入 Postgres；一个项目下可以有多条会话线索，多会话共享同一份代码。
收录记录
- 阮一峰周刊·用户投稿
讨论这个产品