Cursor创建一个投资小应用

半兽人 发表于: 2025-09-02   最后更新时间: 2025-09-02 18:02:22  
{{totalSubscript}} 订阅, 63 游览

本示例讲解如何快速使用 Cursor(AI 代码编辑器)来生成一个新项目。通过优化提示,我们可以让 Cursor 更高效地理解需求,生成结构化的代码框架,包括前端实现、组件设计和测试配置。以下是针对“投资小应用”的优化描述,你可以直接复制到 Cursor 中作为提示使用。

投资的小应用

帮我创建一个投资的小应用,是给小朋友用的,锻炼小孩的投资能力,并演讲自己项目来拉别人投资。

功能需求:

  • 有个项目增加的功能,自己的项目简介,拉取投资。
  • 给每个投资者有1000万的初始资金。
  • 然后投资别人介绍的项目。
  • 投资者可以给每个项目进行投资,但是不能选择投资自己的项目。
  • 后台可以看到每个人的投资情况。
  • 用户创建功能,简单一点的就行,小朋友进来创建一个自己的账户,简单的密码,需要带上自己的真实名字,有个昵称,进来先分配1000万,随机分配一个头衔,比如金融大鳄,地产大亨,夸张一点没问题的,大家是玩。
  • 界面可以夸张一点,像大富翁这种游戏一样,毕竟是小孩玩的,动画效果多一点更好玩。

要求:
1、React + Next.js 作为前端框架
2、Tailwind CSS 作为主要 UI 样式库
3、Headless UI + Heroicons 作为 UI 组件支持
4、ECharts、Mermaid 等用于数据可视化
5、Zustand & React Query & SWR 作为状态管理和数据获取方案
6、Storybook 用于 UI 组件开发和测试
7、Jest & Testing Library 用于前端测试
8、pnpm 使用

更新于 2025-09-02

查看Cursor更多相关的文章或提一个关于Cursor的问题,也可以与我们一起分享文章