ChatGPT逆向工程后续：用v0 Chat和Cursor重塑前端开发流程，开启AI编程新纪元

文摘 2024-08-30 12:18 北京

还记得昨天的推送吗？用 ChatGPT 逆向工程压缩后的 Js 代码，表现惊艳。我们利用 ChatGPT 逆向了一个被压缩的 javascript 组件代码，并完美的复现了它。在文章最后，笔者利用 Cursor 也复现了这一过程。但是笔者不懂 React 技术，也没有开发环境，那怎么验证Cursor说的对不对呢，这时候又一个网红要登场了，那就是vercel推出的v0 chat（https://v0.dev/chat）。

v0.dev chat 是 vercel 推出的最新的生成式 AI 聊天机器人，可以通过用户对话的方式来生成相应的 react 代码。它包含最新的 react、next.js、web 技术，可以直接运行 npm 包，不用自己搭环境就能看到效果，可谓是前端AI辅助开发的神器。

v0 chat上手比较容易，下面是我通过它复现的效果视频，整体还是符合预期的。

首先，我让它帮我生成一个react的骨架页面。

然后，我让它使用Cursor生成的Ascii效果组件。

最后，我让它将底色换成了富有科技感的黑色，让人欣喜的是它同时更换了字体颜色，让整体效果更加协调。这是最后的完成效果：

值得一提的是，它支持把所有过程版本化，可以很清晰地回溯到历史的版本中，不怕回不去。

vercel v0.chat还提供了一个社区，这里有用户分享的实际使用案例，能够直接看到与大模型交互开发的过程及效果，这让上手这款工具会更加容易。

有网友在看过昨天cursor生成js组件的文章，提到能不能将prd交给AI，然后AI直接根据需求生成网站？就目前cursor和v0chat来看，对于一般的需求和简单网站确实是可以的，上面就有很多这样的项目，并且从趋势上看，这也将很快成为现实。

当前，v0chat 提供三种不同的定价计划，包括一个适合初学者探索的免费计划，每月提供200积分；一个20美元/月的高级计划，为需要更多功能和更高使用限额的用户提供5000积分、定制主题和视觉生成等；以及一个面向企业用户、提供定制服务的企业计划，包括SAML SSO、私有生成和其他高级功能，具体价格需要联系销售团队。

由于v0chat重点在前端应用上，不难想象，开发者可以将它生成的代码与后端代码集成，在Cursor中进行混合迭代开发，将会成为开发新范式。实在没想到，看似最有技术含量的编程创造性工作将会是最早被AI占领的领域之一。

橱窗有更多笔者精选AI及职业发展的好书，欢迎查阅。

后台回复“进群”入群讨论。

http://mp.weixin.qq.com/s?__biz=MzA5MTIxNTY4MQ==&mid=2461146721&idx=1&sn=916df64942900941f936e5a6a35e1a12

AI工程化

专注于AI领域（大模型、MLOPS/LLMOPS 、AI应用开发、AI infra）前沿产品技术信息和实践经验分享。

最新文章

AirLLM：突破显存限制，让 4GB GPU 也能运行 70B 大模型

超越v0chat，开源的AI前端开发神器——screenshot-to-code

Anthropic提出的Contextual RAG开源实现Open Contextual RAG来了

Claude 3.5 Sonnet登陆Github，Cursor亚历山大

chromem-go：零依赖嵌入式向量数据库，Go 开发者的新宠！

RAGChecker:显著超越RAGAS，一个精细化评估和诊断 RAG 系统的创新框架

微软 OmniParser：超越GPT4V的视觉屏幕界面解析利器

为什么大模型会算错“9.11与9.8谁大？”，这个可观测工具帮你一探究竟

Meta 发布 Llama 3.2 1B和3B版本：推理速度翻倍，模型更轻

探索 Claude Artifacts 的无限可能：一周内构建的14个实用工具

最快体验 Claude 3.5 Sonnet 控制电脑方法来了！

国内首部AI知识产权标准启动编制，诚邀科技企业、律所律师、知产服务机构参编！

Transformers.js v3震撼发布：WebGPU加速、120种架构支持，开发者必备神器！

mPLUG-DocOwl 1.5：无需 OCR 原生理解解析各种结构文档

开源向量数据库性能对比: Milvus, Chroma, Qdrant

重磅消息：Claude 3.5 系列模型大更新及革命性增加计算机使用能力

AIGC利器ComfyUI V1 发布：简化安装，跨平台支持，非技术用户福音

每天写代码：Jquery作者John Resig透露程序员高产秘诀

超简单！手把手从零构建神经网络

StructRAG：超越GraphRAG，知识密集型 RAG 性能提升的新思路

一个 Python 文件实现 Perplexity 搜索?

Agora 协议:打造Agent互联网的第一步

Zerox：gpt-4o-mini 加持的零配置高效 OCR 神器

OpenAI：AI不仅仅对你名字有偏见，这些方面也差别对待

Google AI 助手 NotebookLM 正式发布：多模态理解能力大幅提升

Mistral AI 发布革命性边缘模型 Ministral 3B 和8B：性能与隐私双料俱佳

NVIDIA 发布 Llama 3.1 70B 模型：性能超越 Claude 3.5 和GPT-4o

Ollama 平台新功能：轻松运行 Hugging Face Hub 上的 GGUF 模型

AI 能自查幻觉了！谷歌苹果联手打造“真话检测器”

AutoGen: 我也能实现OpenAI Swarm中的handoff

Mem0上架chrome插件商店，把记忆交给AI！

A16Z：导出"你的大脑"给AI,你将收获什么？

Meta：无需人工标注，LLM 评估器也能自我提升？

非广告免费使用Qwen2.5 72B等付费模型的方法来了，很实用！

为什么 AI 在数学题前抓瞎？苹果研究揭示 AI 推理能力的局限性

Swarm：一个OpenAI开源的multiAgent框架，简单哲学的代表

Python 3.13.0 震撼发布：性能飞跃，AI 项目迎来新机遇

Dario Amodei 最新博文预言我们这代人将有可能活到150岁！

Anthropic CEO 撰文《慈爱机器》，畅谈他的低调策略与宏伟愿景

红杉年度文章解读：生成式AI进入第二阶段，应用层价值凸显以及商业模式将重塑

回忆录（3）：从 Hinton 到你们——AI 时代的科学革命

如何管理各种GPU构建企业私有LLM服务——GPUStack

回忆录（2）：从诺贝尔奖到 AI 新纪元

回忆录（1）：从"人类之父"到"AI 之源"：Geoffrey Hinton 与我们的起源

看哭了！“从学生到大师：AI 的诺奖之旅与 Hinton 的传奇”

将代码库或网站一键转成单个文件供给LLM，这些项目你应该知道！

AI交互不再是Chat：OpenAI推出Canvas功能，应对Claude崛起，头狼竞争白热化

众大佬出走后的OpenAI DevDay发布了什么新内容？实时API可能颠覆CallCenter市场格局

国庆礼物来了！参与就有机会获得畅销书《AI提示工程必知必会》

分类

时事

民生

政务

教育

文化

科技

财富

体娱

健康

情感

旅行

百科

职场

楼市

企业

乐活

学术

汽车

时尚

创业

美食

幽默

美体

文摘

原创标签

时事社会财经军事教育体育科技汽车科学房产搞笑综艺明星音乐动漫游戏时尚健康旅游美食生活摄影宠物职场育儿情感小说曲艺文化历史三农文学娱乐电影视频图片新闻宗教电视剧纪录片广告创意壁纸头像心灵鸡汤星座命理教育培训艺术文化金融财经健康医疗美妆时尚餐饮美食母婴育儿社会新闻工业农业时事政治星座占卜幽默笑话独立短篇连载作品文化历史科技互联网

发布位置

广东北京山东江苏河南浙江山西福建河北上海四川陕西湖南安徽湖北内蒙古江西云南广西甘肃辽宁黑龙江贵州新疆重庆吉林天津海南青海宁夏西藏香港澳门台湾美国加拿大澳大利亚日本新加坡英国西班牙新西兰韩国泰国法国德国意大利缅甸菲律宾马来西亚越南荷兰柬埔寨俄罗斯巴西智利卢森堡芬兰瑞典比利时瑞士土耳其斐济挪威朝鲜尼日利亚阿根廷匈牙利爱尔兰印度老挝葡萄牙乌克兰印度尼西亚哈萨克斯坦塔吉克斯坦希腊南非蒙古奥地利肯尼亚加纳丹麦津巴布韦埃及坦桑尼亚捷克阿联酋安哥拉