总结几个让平庸模型(gpt-4.1级别)也能生成理想前端Demo的心得:
1. 选择好的IDE,我心中前三强Cursor,Windsurf和Trae海外版, 起步可以先用lovable或firebase studio或bolt.new写一个页面再同步到github 再clone本机用ide改
2. 写好rules,强调这是demo不用考虑真实api调用,要求AI先创建mock data再写页面,指定UI框架和组件,特别是要尽量创建和复用组件
3. 三次改不好就还原到上一个checkpoint,换个说法或找些参考重来,不要无休止让AI改
4. 开发途中尽量思考有什么是可以复用的组件,比如搜索,图表,表单,弹窗等,让AI抽取出来复用,这样可以提高速度和UI风格统一
5. 做一步要测一步,IDE不报错不代表逻辑符合你的要求,步步为营其实效率更高
6. 熟能生巧,多完成几个Demo后效率幂指数增长, 万事开头难,只要迈出第一步,很快就可以体验轻舟已过万重山
7. 前端搞熟后,让AI根据mock data 设计数据库,再开启征服后端的旅程!