Same.New 是一個(gè) ai驅(qū)動(dòng)的全棧 Web 開發(fā)平臺(tái)，用戶通過(guò)簡(jiǎn)單提示就能快速設(shè)計(jì)、構(gòu)建并部署完整功能的網(wǎng)站。

Same核心功能

?全棧應(yīng)用生成：輸入目標(biāo)網(wǎng)址或文字描述，自動(dòng)生成含前端、后端及數(shù)據(jù)庫(kù)的全棧代碼。

?網(wǎng)站 UI 克?。壕珳?zhǔn)復(fù)刻目標(biāo)網(wǎng)站的界面設(shè)計(jì)與布局（像素級(jí)還原）。

?實(shí)時(shí)編輯預(yù)覽：內(nèi)置在線開發(fā)環(huán)境，可直接修改代碼并即時(shí)查看效果。

?多框架適配：生成的代碼兼容 React、Vue、Next.js 等主流框架。

?一鍵部署：支持快速發(fā)布到 Vercel、Netlify 等托管平臺(tái)。

Same適用場(chǎng)景

?初創(chuàng)企業(yè)：非技術(shù)人員可快速搭建 MVP（最小可行產(chǎn)品），無(wú)需依賴開發(fā)團(tuán)隊(duì)。

?設(shè)計(jì)師/產(chǎn)品經(jīng)理：將設(shè)計(jì)稿或原型直接轉(zhuǎn)為可交互的網(wǎng)頁(yè)，加速產(chǎn)品迭代。

?教育學(xué)習(xí)：編程新手通過(guò) AI 生成的代碼理解全棧開發(fā)邏輯。

?企業(yè)工具：快速定制管理后臺(tái)、數(shù)據(jù)看板等內(nèi)部工具。

價(jià)格

?免費(fèi)版：每月 50 萬(wàn) token。

?付費(fèi)版：按訂閱計(jì)劃提供不同 token 額度，價(jià)格 10 - 100 美元不等。

Same使用流程

1. 登錄注冊(cè)：通過(guò)官網(wǎng)進(jìn)入，支持谷歌/GitHub 登錄，無(wú)賬號(hào)可快速注冊(cè)。

2. 輸入素材：在輸入框粘貼目標(biāo)網(wǎng)址（如仿制 B 站時(shí)輸入其頁(yè)面鏈接），或上傳截圖、Figma 設(shè)計(jì)文件。系統(tǒng)會(huì)自動(dòng)解析頁(yè)面結(jié)構(gòu)、樣式及關(guān)鍵組件（如導(dǎo)航欄、視頻列表）。

3. 生成代碼：根據(jù)目標(biāo)網(wǎng)站布局，輸出組件化代碼（如拆分為 Header.js 等可復(fù)用 React 組件），通過(guò) styled-components 或內(nèi)聯(lián)樣式還原視覺(jué)效果；多頁(yè)面應(yīng)用會(huì)自動(dòng)生成路由配置（如 B 站首頁(yè)可能生成 HeroCarousel.tsx 等代碼）。

4. 本地調(diào)試：生成的項(xiàng)目可一鍵下載，本地運(yùn)行時(shí)先執(zhí)行 npm install 安裝依賴，再通過(guò) npm start 啟動(dòng)服務(wù)（默認(rèn)訪問(wèn) http://localhost:3000），實(shí)時(shí)對(duì)比調(diào)整代碼。

?注意：克隆時(shí)需要尊重原網(wǎng)站版權(quán)，避免侵權(quán)風(fēng)險(xiǎn)。