最近接了个外包,一直在研究怎么用 cursor + figma mcp 快速实现老板的需求,老板要求也不是很高,只要大致像就行,目前也是个 cursor 使用小白,这两天拭了拭,自己根据理解创建了个这种项目模板,这个模板的主要功能如下:
- 使用 react + tw + shadcnui (ai 貌似用这套样式更不容易出问题)
- 使用的 TanStack Router 文件路由
- 添加了 cursor 的 rules 约束
- 图表使用的是 VChart ,Echarts ai 的使用貌似不太行,还有个 Rcharts ,先拭下 VChart ,看下后续生成的图表质量如何
原本打算找个现成的模板直接添加个.cursorrules 就行了,github 上没找到合适的,印象里有一个网站,能选择前端的技术栈、ui 框架、等等东西,选好后,下方有个命令,直接根据这个命令就能生成想要的模板了,找不到这个网站了,就自己搭了个。
感兴趣的大佬可以看下: https://github.com/ytton/ai-mcp-web-template
大佬们有 cursor + figma mcp 的使用经验也可以在这交流交流