Geek Savvy

一款达到生产力级别的AI工具,Same完美复刻你想要的UI!

Image

近期,AI 的发展实在是太快,已经不再是一天一小更,一周一大更了,现在,似乎 AI 有了加速度,已经来到一天多更的状态,先别说做应用的压力有多大,就算我们一天 24 小时连轴转,也是学不完。

不过,现在有这么一个现状,那就是许多新发布的 AI 产品,还只停留在一个“wokao”的状态,还远远达不到作为生产力的级别。

Image

今天,我想跟大家分享一个可以在某些方面已经达到生产力的 Agent 产品 Same.new ,该产品不像 Cursor、Trae 那样的 AI IDE 产品,它是一款端到端的网站 UI 复刻产品,目前在前端开发上有很强的表现能力。

先介绍,后文附实测案例。

Same.new 是由旧金山 Million 团队所开发,该团队已完成 250 万美元的种子前轮融资,由 Costanoa Ventures 领投,Y Combinator 以及包括 Sentry 创始人 David Cramer 和 Replit 创始人 Amjad Masad 在内的知名天使投资人参与。

Image

Same.new 的一款能够快速 Copy 和 Remix ui 的 Agent,给一个url,Same 会主动访问,搜索,然后构建 UI,并自动解决任何代码中的问题,目前,Same 用户已经突破 20 万,并且每天都能产生新的优秀案例。

现在,Same.new 十分适合缺乏前端经验的用户,其“搭积木式”操作允许快速组合不同风格元素(如混合苹果布局与英伟达配色),早期版本因域名(same.dev)被误判为钓鱼网站,现已改用 same.new 。

01 Same 核心功能

01.1 像素级精准复刻

Same.new 能够以像素级精度克隆任意网站的 UI,超越了传统工具仅复制静态元素的能力,涵盖布局、配色、组件细节等,甚至复现交互逻辑和动态效果。例如,用户输入目标网址后,工具可快速生成与原站高度一致的代码框架(包括 HTML/CSS 和 JavaScript),并支持 React(.tsx)等现代前端技术栈的代码输出 。

01.2 技术栈适配与扩展性

支持用户指定目标技术栈(如 React、Vue),工具会自动生成适配代码。Same.new 现已新增 ZIP ,后续可能会上线 PDF 解析功能,允许用户将复制的网站资料转换为自定义格式,进一步提升灵活性 。

Image
01.3 多格式输出与自动部署

用户可将结果截图用于设计稿参考,或代码文件(如 HTML/CSS),同时提供实时预览功能,便于即时调整。生成的代码结构清晰,遵循最佳实践,例如规范化的样式类名和组件嵌套逻辑 ,同时支持一点部署,大大降低新手小白做完自己第一个产品想要给别人用的难题。

02 创新突破,小白也能快速上手

02.1 降低技术门槛


通过 AI 驱动,Same.new 使非专业用户(如创业者、学生)无需编码经验即可快速搭建复杂界面。例如,用户通过自然语言描述需求(如“复制苹果官网布局”),工具即可生成对应代码,大大缩短了开发周期 。

02.2 Same 用户案例


在初创团队案例中,Same.new 帮助开发者将 SaaS 管理系统的原型搭建时间缩短 70%,通过自动生成仪表盘组件(如 dashboard.tsx)和模拟数据逻辑,减少重复性编码工作 。

02.3 支持创意开发


我们可快速复制优秀案例进行风格迁移(如“结合 L 站内容与苹果设计语言”),学生则能通过分析生成代码学习前端架构设计,打破传统“从零开始”的限制 。

03 目标用户及应用场景

我通过 Same 官网以及互联网相关资料调研分析,Same 现在的用户群体主要包括 UI 设计师、前端开发者、产品经理、创业者、独立开发者、学生以及一些新手小白。

Image

04 实测案例

实测1:克隆小米 su7 官网

输入:clone https://www.xiaomiev.com/

实测2:克隆小红书官网

输入:https://www.xiaohongshu.com/explore

实测3:克隆奈飞电影官网

输入:clone netflix movies

没错,以上案例就是简单的通过输入我们想要的网站链接或者输入一句简单的提示词,Same 就能像素级的复刻和remix  我们想要的 UI,包括布局、配色、组件细节等,甚至可以复现交互逻辑和动态效果。

例如,用户输入目标网址后,Same 即可快速生成与原站高度一致的代码框架(包括 HTML/CSS 和 JavaScript),并支持 React(.tsx)等现代前端技术栈的代码输出 。

Last but not least

Same.new 重新定义了网页开发的工作流,其价值不仅体现在效率提升(比如缩短 70% 设计开发时间 ),更在于通过技术民主化赋能非专业群体。

Image

Same 使用地址:https://same.new/

现在,我们已经和 Same 团队取得联系,据 Same.new 联合创始人 John Yang 消息,接下来,Same 要做的就是复制整个全栈产品的各项功能,把 Agent 连接到生成 App 的体验环节中,通过这种方式来进行验证产品。

未来,动动嘴久就能做一个全栈的 App 已经成为可能!

AI 释放生产力的时代,它来了!

让我们致敬那些将技术平民化的创业者!


Same官方群Image:

还没体验过的朋友们,强烈建议你赶快使用起来,如果你对 Same.new 这款产品有什么疑惑的话,请添加我的微信 GeekDukee,或者扫描下方二维码,备注:Same,我会拉 Same 的联创一起进群,随时解答大家的疑惑。

Image

Same.new用户群❤️‍🔥


关注公众号,用极客视角洞察未来!

Image

往期精彩文章推荐:

1.最强思维模型登基,Gemini 2.5 Pro 王者归来,附5大案例实测

2.OpenAI 王者归来,不到一天时间用 GPT-4o 打造 IP 品牌!

3.DeepSeek发布最新版V3,代码和审美有了质的提升,附5大维度测评