这是一个创建于 115 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近接了个外包，一直在研究怎么用 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 的使用经验也可以在这交流交流
第 1 条附言 112 天前
我这个就是一个普通的项目模板，但添加了一些让 AI 写项目的 cursorrules 的限制，以及选择了一些 AI 更擅长的库。
最近实验了下，发现几个图表库，还是 echarts ，AI 对他的理解最好。
我这个不是让 AI 生成 figma 的设计图，而是在接到新项目有设计图的情况，用我这个模板，连上 figma 的 mcp 就能快速做项目了，主要作用是减少搭建项目的时间。
最近也打算拭下，能不能加上 api 的描述，直接让 AI 都不 mock 数据，一次性把项目页面给搭建出来
最近实验了下，发现几个图表库，还是 echarts ，AI 对他的理解最好。
我这个不是让 AI 生成 figma 的设计图，而是在接到新项目有设计图的情况，用我这个模板，连上 figma 的 mcp 就能快速做项目了，主要作用是减少搭建项目的时间。
最近也打算拭下，能不能加上 api 的描述，直接让 AI 都不 mock 数据，一次性把项目页面给搭建出来
 | 1 yesweit2 115 天前 贡献了处女 star |
 | 2 sampeng 115 天前 你自己做 figma ？还是有提供 figma 的？没看到 figma 有可以出设计稿的 mcp 啊。 |
 | 3 xuhuanzy 115 天前 via Android 今天炼丹炼了好几次，发现提示词对 ui 风格作用很小，不知道怎么搞 |
 | 4 wukuili 115 天前 mark 看后续讨论 |
 | 5 Ben77 114 天前 这个意思是使用 figma 生成样式吗？ |
 | 7 ArthurKing 114 天前 用 cursor + figma mcp 做过一个 pc+小程序的项目，感觉 cursor 并不能百分百的还原设计，而且老自作主张的“优化”。需要来来回回交流好多次才能达到一个能看但是跟设计还是有差距的状态。 |
 | 8 zealotxxxx 114 天前 你为什么不直接 figma make 算了 |
 | 12 xyooyx 114 天前 https://readdy.ai/ 在做的事和你描述的类似 |
Select Language