Standalone App Builder
推薦理由: 思路可借鑒, 代碼生成+熱部署。
使用對(duì)象: 研發(fā)技術(shù)
通過(guò)AI Agent，生成可獨(dú)立部署的端到端應(yīng)用。比較適合一些頻繁操作但沒(méi)有界面功能、臨時(shí)性需求，可構(gòu)建部署一個(gè)可長(zhǎng)期使用的、獨(dú)立運(yùn)行的web小工具。
比如這些操作，沒(méi)有workstation界面，但又經(jīng)常需要技術(shù)手動(dòng)完成的任務(wù):
- 給商家打標(biāo)
- 給商品去標(biāo)
- 創(chuàng)建retail子店鋪，
原理: 通過(guò)Claude生成前后端代碼bundle，并對(duì)bundle進(jìn)行部署。
官方版本：更強(qiáng)大，技術(shù)基于全棧Remix框架，生成前后端全棧代碼打包成bundle，部署環(huán)境服務(wù)。
演示版本：功能有限，當(dāng)前演示版本是只支持生成前端代碼
1. 演示版本
本地部署
源碼: http://gitlab.alibaba-inc.com/code_snippet_ken/lovable.git
brew install npm
git clone http://gitlab.alibaba-inc.com/code_snippet_ken/lovable.git
cd lovable
npm install
#修改env配置（當(dāng)前目錄下的env.example文件）
##IDEALAB_API_KEY=xxxxxx，AI Studio的key，可以試試個(gè)人的key，如果不行，找我要正式key
##IDEALAB_MODEL=claude37_sonnet
#覆蓋環(huán)境
cp .env.example .env
#啟動(dòng)服務(wù)
Port=4000 npm run dev
案例1: 小應(yīng)用生成
需求1：生成一個(gè)打地鼠游戲
需求2：生成一個(gè)TODO List管理軟件
需求3：生成一個(gè)Calendar日程管理軟件
視頻很慢，請(qǐng)加速觀看或跳看，因?yàn)槭褂昧薃I Studio，Claude接口有兼容問(wèn)題
此處為語(yǔ)雀視頻卡片，點(diǎn)擊鏈接查看：小游戲.mp4
案例2: 接口對(duì)接測(cè)試
需求1:
生成一個(gè)Email任務(wù)分發(fā)工具，我會(huì)上傳一個(gè)csv文件，包含兩列email,task，當(dāng)我上傳完后，需要你調(diào)用API，將任務(wù)分派出去。
郵件發(fā)送API接口:
curl -X POST http://localhost:4000/api/send-email \
-H "Content-Type: application/json" \
-d '{"email":"test@example.com","subject":"Hi","content":"Hello, world!"}'
視頻很慢，請(qǐng)加速觀看或跳看，因?yàn)槭褂昧薃I Studio，Claude接口有兼容問(wèn)題
此處為語(yǔ)雀視頻卡片，點(diǎn)擊鏈接查看：接口-Email發(fā)送.mp4
案例3: 基于商品，生成廣告承接頁(yè)
生成一個(gè)廣告承接頁(yè)，用于給下面幾個(gè)商品導(dǎo)流
主題: 居家舒適、燈光
商品:
https://www.daraz.pk/products/led-flameless-candles-safe-eco-friendly-and-long-lasting-battery-operated-candles-for-birthdays-weddings-home-decor-and-outdoor-events-realistic-flickering-led-tea-lights-with-remote-control-i673574509-s3179895258.html?c=&channelLpJumpArgs=&clickTrackInfo=query%253A%253Bnid%253A673574509%253Bsrc%253AlazadaInShopSrp%253Brn%253A4b7db2fd74341e39afbe94ddccd4757b%253Bregion%253Apk%253Bsku%253A673574509_PK%253Bprice%253A199%253Bclient%253Adesktop%253Bsupplier_id%253A6005285104443%253Bbiz_source%253Ah5_external%253Bslot%253A9%253Butlog_bucket_id%253A470687%253Basc_category_id%253A10000434%253Bitem_id%253A673574509%253Bsku_id%253A3179895258%253Bshop_id%253A1894001%253BtemplateInfo%253A&freeshipping=0&fs_ab=1&fuse_fs=&lang=en&location=Punjab&price=199&priceCompare=skuId%3A3179895258%3Bsource%3Alazada-search-voucher-in-shop%3Bsn%3A4b7db2fd74341e39afbe94ddccd4757b%3BoriginPrice%3A19900%3BdisplayPrice%3A19900%3BsinglePromotionId%3A-1%3BsingleToolCode%3AmockedSalePrice%3BvoucherPricePlugin%3A0%3Btimestamp%3A1752592435751&ratingscore=5.0&request_id=4b7db2fd74341e39afbe94ddccd4757b&review=9&sale=45&search=1&spm=a2a0e.store_product.list.9&stock=1
https://www.daraz.pk/products/3d-i610491961-s2835069914.html?c=&channelLpJumpArgs=&clickTrackInfo=query%253A%253Bnid%253A610491961%253Bsrc%253AlazadaInShopSrp%253Brn%253A4b7db2fd74341e39afbe94ddccd4757b%253Bregion%253Apk%253Bsku%253A610491961_PK%253Bprice%253A699%253Bclient%253Adesktop%253Bsupplier_id%253A6005285104443%253Bbiz_source%253Ah5_external%253Bslot%253A20%253Butlog_bucket_id%253A470687%253Basc_category_id%253A5158%253Bitem_id%253A610491961%253Bsku_id%253A2835069914%253Bshop_id%253A1894001%253BtemplateInfo%253A&freeshipping=0&fs_ab=1&fuse_fs=&lang=en&location=Punjab&price=699&priceCompare=skuId%3A2835069914%3Bsource%3Alazada-search-voucher-in-shop%3Bsn%3A4b7db2fd74341e39afbe94ddccd4757b%3BoriginPrice%3A69900%3BdisplayPrice%3A69900%3BsinglePromotionId%3A-1%3BsingleToolCode%3AmockedSalePrice%3BvoucherPricePlugin%3A0%3Btimestamp%3A1752592435751&ratingscore=5.0&request_id=4b7db2fd74341e39afbe94ddccd4757b&review=1&sale=1&search=1&spm=a2a0e.store_product.list.20&stock=1
https://www.daraz.pk/products/3d-diy-i618202599-s2884509874.html?c=&channelLpJumpArgs=&clickTrackInfo=query%253A%253Bnid%253A618202599%253Bsrc%253AlazadaInShopSrp%253Brn%253A4b7db2fd74341e39afbe94ddccd4757b%253Bregion%253Apk%253Bsku%253A618202599_PK%253Bprice%253A599%253Bclient%253Adesktop%253Bsupplier_id%253A6005285104443%253Bbiz_source%253Ah5_external%253Bslot%253A26%253Butlog_bucket_id%253A470687%253Basc_category_id%253A5158%253Bitem_id%253A618202599%253Bsku_id%253A2884509874%253Bshop_id%253A1894001%253BtemplateInfo%253A&freeshipping=0&fs_ab=1&fuse_fs=&lang=en&location=Punjab&price=599&priceCompare=skuId%3A2884509874%3Bsource%3Alazada-search-voucher-in-shop%3Bsn%3A4b7db2fd74341e39afbe94ddccd4757b%3BoriginPrice%3A59900%3BdisplayPrice%3A59900%3BsinglePromotionId%3A-1%3BsingleToolCode%3AmockedSalePrice%3BvoucherPricePlugin%3A0%3Btimestamp%3A1752592435751&ratingscore=&request_id=4b7db2fd74341e39afbe94ddccd4757b&review=&sale=1&search=1&spm=a2a0e.store_product.list.26&stock=1
https://www.daraz.pk/products/-i558774860-s2587592826.html?c=&channelLpJumpArgs=&clickTrackInfo=query%253A%253Bnid%253A558774860%253Bsrc%253AlazadaInShopSrp%253Brn%253A4b7db2fd74341e39afbe94ddccd4757b%253Bregion%253Apk%253Bsku%253A558774860_PK%253Bprice%253A210%253Bclient%253Adesktop%253Bsupplier_id%253A6005285104443%253Bbiz_source%253Ah5_external%253Bslot%253A7%253Butlog_bucket_id%253A470687%253Basc_category_id%253A10000426%253Bitem_id%253A558774860%253Bsku_id%253A2587592826%253Bshop_id%253A1894001%253BtemplateInfo%253A&freeshipping=0&fs_ab=1&fuse_fs=&lang=en&location=Punjab&price=2.1E%202&priceCompare=skuId%3A2587592826%3Bsource%3Alazada-search-voucher-in-shop%3Bsn%3A4b7db2fd74341e39afbe94ddccd4757b%3BoriginPrice%3A21000%3BdisplayPrice%3A21000%3BsinglePromotionId%3A-1%3BsingleToolCode%3A-1%3BvoucherPricePlugin%3A0%3Btimestamp%3A1752592435751&ratingscore=4.832298136645963&request_id=4b7db2fd74341e39afbe94ddccd4757b&review=161&sale=1457&search=1&spm=a2a0e.store_product.list.7&stock=1
視頻很慢，請(qǐng)加速觀看或跳看，因?yàn)槭褂昧薃I Studio，Claude接口有兼容問(wèn)題
此處為語(yǔ)雀視頻卡片，點(diǎn)擊鏈接查看：本地-生成廣告承接頁(yè).mp4
2. 官方版本（可以生成圖片）
試用了幾次，模式和GCP頁(yè)面搭建很像，估計(jì)內(nèi)部是根據(jù)已有的模版，在已有的基礎(chǔ)上，進(jìn)行頁(yè)面修改，模塊修改，并非從0開(kāi)始生成。 和GCP的模式很像，GCP是Copy了一份上次一活動(dòng)的頁(yè)面后，對(duì)模塊逐一進(jìn)行更新。
生成一個(gè)廣告承接頁(yè)，用于給下面幾個(gè)商品導(dǎo)流
主題: 居家舒適、燈光
商品:
https://www.daraz.pk/products/led-flameless-candles-safe-eco-friendly-and-long-lasting-battery-operated-candles-for-birthdays-weddings-home-decor-and-outdoor-events-realistic-flickering-led-tea-lights-with-remote-control-i673574509-s3179895258.html?c=&channelLpJumpArgs=&clickTrackInfo=query%253A%253Bnid%253A673574509%253Bsrc%253AlazadaInShopSrp%253Brn%253A4b7db2fd74341e39afbe94ddccd4757b%253Bregion%253Apk%253Bsku%253A673574509_PK%253Bprice%253A199%253Bclient%253Adesktop%253Bsupplier_id%253A6005285104443%253Bbiz_source%253Ah5_external%253Bslot%253A9%253Butlog_bucket_id%253A470687%253Basc_category_id%253A10000434%253Bitem_id%253A673574509%253Bsku_id%253A3179895258%253Bshop_id%253A1894001%253BtemplateInfo%253A&freeshipping=0&fs_ab=1&fuse_fs=&lang=en&location=Punjab&price=199&priceCompare=skuId%3A3179895258%3Bsource%3Alazada-search-voucher-in-shop%3Bsn%3A4b7db2fd74341e39afbe94ddccd4757b%3BoriginPrice%3A19900%3BdisplayPrice%3A19900%3BsinglePromotionId%3A-1%3BsingleToolCode%3AmockedSalePrice%3BvoucherPricePlugin%3A0%3Btimestamp%3A1752592435751&ratingscore=5.0&request_id=4b7db2fd74341e39afbe94ddccd4757b&review=9&sale=45&search=1&spm=a2a0e.store_product.list.9&stock=1
https://www.daraz.pk/products/3d-i610491961-s2835069914.html?c=&channelLpJumpArgs=&clickTrackInfo=query%253A%253Bnid%253A610491961%253Bsrc%253AlazadaInShopSrp%253Brn%253A4b7db2fd74341e39afbe94ddccd4757b%253Bregion%253Apk%253Bsku%253A610491961_PK%253Bprice%253A699%253Bclient%253Adesktop%253Bsupplier_id%253A6005285104443%253Bbiz_source%253Ah5_external%253Bslot%253A20%253Butlog_bucket_id%253A470687%253Basc_category_id%253A5158%253Bitem_id%253A610491961%253Bsku_id%253A2835069914%253Bshop_id%253A1894001%253BtemplateInfo%253A&freeshipping=0&fs_ab=1&fuse_fs=&lang=en&location=Punjab&price=699&priceCompare=skuId%3A2835069914%3Bsource%3Alazada-search-voucher-in-shop%3Bsn%3A4b7db2fd74341e39afbe94ddccd4757b%3BoriginPrice%3A69900%3BdisplayPrice%3A69900%3BsinglePromotionId%3A-1%3BsingleToolCode%3AmockedSalePrice%3BvoucherPricePlugin%3A0%3Btimestamp%3A1752592435751&ratingscore=5.0&request_id=4b7db2fd74341e39afbe94ddccd4757b&review=1&sale=1&search=1&spm=a2a0e.store_product.list.20&stock=1
https://www.daraz.pk/products/3d-diy-i618202599-s2884509874.html?c=&channelLpJumpArgs=&clickTrackInfo=query%253A%253Bnid%253A618202599%253Bsrc%253AlazadaInShopSrp%253Brn%253A4b7db2fd74341e39afbe94ddccd4757b%253Bregion%253Apk%253Bsku%253A618202599_PK%253Bprice%253A599%253Bclient%253Adesktop%253Bsupplier_id%253A6005285104443%253Bbiz_source%253Ah5_external%253Bslot%253A26%253Butlog_bucket_id%253A470687%253Basc_category_id%253A5158%253Bitem_id%253A618202599%253Bsku_id%253A2884509874%253Bshop_id%253A1894001%253BtemplateInfo%253A&freeshipping=0&fs_ab=1&fuse_fs=&lang=en&location=Punjab&price=599&priceCompare=skuId%3A2884509874%3Bsource%3Alazada-search-voucher-in-shop%3Bsn%3A4b7db2fd74341e39afbe94ddccd4757b%3BoriginPrice%3A59900%3BdisplayPrice%3A59900%3BsinglePromotionId%3A-1%3BsingleToolCode%3AmockedSalePrice%3BvoucherPricePlugin%3A0%3Btimestamp%3A1752592435751&ratingscore=&request_id=4b7db2fd74341e39afbe94ddccd4757b&review=&sale=1&search=1&spm=a2a0e.store_product.list.26&stock=1
https://www.daraz.pk/products/-i558774860-s2587592826.html?c=&channelLpJumpArgs=&clickTrackInfo=query%253A%253Bnid%253A558774860%253Bsrc%253AlazadaInShopSrp%253Brn%253A4b7db2fd74341e39afbe94ddccd4757b%253Bregion%253Apk%253Bsku%253A558774860_PK%253Bprice%253A210%253Bclient%253Adesktop%253Bsupplier_id%253A6005285104443%253Bbiz_source%253Ah5_external%253Bslot%253A7%253Butlog_bucket_id%253A470687%253Basc_category_id%253A10000426%253Bitem_id%253A558774860%253Bsku_id%253A2587592826%253Bshop_id%253A1894001%253BtemplateInfo%253A&freeshipping=0&fs_ab=1&fuse_fs=&lang=en&location=Punjab&price=2.1E%202&priceCompare=skuId%3A2587592826%3Bsource%3Alazada-search-voucher-in-shop%3Bsn%3A4b7db2fd74341e39afbe94ddccd4757b%3BoriginPrice%3A21000%3BdisplayPrice%3A21000%3BsinglePromotionId%3A-1%3BsingleToolCode%3A-1%3BvoucherPricePlugin%3A0%3Btimestamp%3A1752592435751&ratingscore=4.832298136645963&request_id=4b7db2fd74341e39afbe94ddccd4757b&review=161&sale=1457&search=1&spm=a2a0e.store_product.list.7&stock=1
視頻很慢，請(qǐng)加速觀看或跳看
此處為語(yǔ)雀視頻卡片，點(diǎn)擊鏈接查看：官方-生成廣告承接頁(yè).mp4
官網(wǎng): https://lovable.dev/
會(huì)話(huà): https://lovable.dev/projects/0b76d338-1482-4f45-acd1-ebd8e3cff1b8
