Same.New

Same.New

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

#Ai工具箱 #Ai编程建站
收藏

Same.New简介

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),实时对比调整代码。

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

到头啦!

与Same.New相关工具