技术拆解-Lovable

技术选型

基础框架

React + TailwindCSS + RadixUI(Radix Primitives,支持可视化组件编排)
https://github.com/radix-ui/primitives

可视化

recharts

如何解决输出结果过长的问题?

生成的内容放单个文件,Claude的长度不够,很容易触发limit。

案例

https://data-narrative-visualizer.lovable.app/
把可视化图表整合进去,就可以生成“阅后即焚”类型的叙事可视化

胡博:截了3张tradingview的图输入,几个tab页面就搭好了
https://shareverse-dashboard.lovable.app/

公司开发AI Builder(类似Lovable的产品)的信息

2025.03.28:
前端:4.5个
后端:2个
用的bolt这一套,全用云服务,数据库那个啥来着,基本没后端
LLM自己买
代码80%-90%由Cursor生成,全对话形式生成,一个文件2000行

资料

技术分析:
https://news.qq.com/rain/a/20250522A06MSC00