Same.New 是一个 ai驱动的全栈 Web 开发平台,用户通过简单提示就能快速设计、构建并部署完整功能的网站。

Same.New插图

Same核心功能

全栈应用生成:输入目标网址或文字描述,自动生成含前端、后端及数据库的全栈代码。

网站 UI 克隆:精准复刻目标网站的界面设计与布局(像素级还原)。

实时编辑预览:内置在线开发环境,可直接修改代码并即时查看效果。

多框架适配:生成的代码兼容 React、Vue、Next.js 等主流框架。

一键部署:支持快速发布到 Vercel、Netlify 等托管平台。

Same适用场景

初创企业:非技术人员可快速搭建 MVP(最小可行产品),无需依赖开发团队。

设计师/产品经理:将设计稿或原型直接转为可交互的网页,加速产品迭代。

教育学习:编程新手通过 AI 生成的代码理解全栈开发逻辑。

企业工具:快速定制管理后台、数据看板等内部工具。

价格

免费版:每月 50 万 token。

付费版:按订阅计划提供不同 token 额度,价格 10 - 100 美元不等。

Same使用流程

  1. 登录注册:通过官网进入,支持谷歌/GitHub 登录,无账号可快速注册。

  2. 输入素材:在输入框粘贴目标网址(如仿制 B 站时输入其页面链接),或上传截图、Figma 设计文件。系统会自动解析页面结构、样式及关键组件(如导航栏、视频列表)。

  3. 生成代码:根据目标网站布局,输出组件化代码(如拆分为 Header.js 等可复用 React 组件),通过 styled-components 或内联样式还原视觉效果;多页面应用会自动生成路由配置(如 B 站首页可能生成 HeroCarousel.tsx 等代码)。

  4. 本地调试:生成的项目可一键下载,本地运行时先执行 npm install 安装依赖,再通过 npm start 启动服务(默认访问 http://localhost:3000),实时对比调整代码。

注意:克隆时需要尊重原网站版权,避免侵权风险。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。