cursor 开发一个AI汇聚网站实践（一）

1. 引言

        昨天在小红书平台发现一则颇具启发性的技术分享视频。博主"Xuan酱油"完整演示了如何利用Cursor工具，通过自然语言对话的方式开发出一个功能完整的AI资讯网站。

[案例视频链接](https://www.xiaohongshu.com/discovery/item/67f7a51d000000001c0318b5?source=webshare&xhsshare=pc_web&xsec_token=ABvTO9HpUwmhvhUILSCPMdL3LiY12mt2lt-VgzEC3Ho-s=&xsec_source=pc_share)

博主的痛点

作为AI垂直领域的内容创作者，"Xuan酱油"面临着典型的信息处理挑战：
- 需要持续追踪海量AI行业动态
- 优质内容筛选耗时严重
- 选题方向决策困难

### 项目亮点展示
- 初始设计草图

- 最终实现效果对比

## 项目规划
基于相同的需求场景，

 - 一方面是个人学习的方向

 - 另一方面是工具，完整项目的实践经验

 - 再者解决困惑最好的办法就是先行动起来。

 决定也做一个了类似的尝试。

### 范围 - 大致顶一个项目的范围

1. 核心功能模块：
   - 实时AI资讯聚合
   - AI工具资源库
   - MCP服务案例集
   - 行业知识数据库

2. 给项目取一个名字

   个人感觉，选了第一个：AIMindHub

## 项目启动

对于一个AI知识、工具、资料分享的网站，虽然看过很多，但是 ，如果真要让我来取绘制一个系统原型，草图，或者哪怕是界面的基本布局，有多少个页面，光是这些问题，估计都要劝退不少人。

好在，当下，有了各色AI工具，一个项目尤其是一个概念项目，可以快速地立即开始，哪怕你不懂专业的知识。

要解决“模糊”最好的办法，就是可视化。

### 3.1 界面设计
  前几天用了v0.dev，继续试试。：
 

 提示词很简单

请设计一个团队知识、工具、资料分享的网站。 网站包含几个部分：
AI资讯，每天更新最新AI资讯
AI工具，搜集汇聚常用AI工具及用法
MCP，收集汇聚MCP服务及用法
知识库，收集包括标准、行业ppt、研报的网站

v0.dev 生成的结果

对我这个前端小白来说，有被惊艳到，毕竟只用了2min左右的时间，完美的解决了我的“模糊”问题。