Cursor从入门到精通实战指南（五）：一键生成流程图/架构图，开发者必备收藏！

我想开发一个旅行app要输出原型图，请通过以下方式帮我完成app所有原型页面的设计。 1、作为产品经理先设计出这个app实现哪些功能 2、作为UI设计师完成这些原型界面的设计 3、使用html在一个界面上生成所有的原型界面，使用Tailwind CSS创建高保真UI原型，可从Unsplash获取图片素材，使用FontAwesome等开源图标库，让原型显得更精美和接近真实 4、我希望这些界面可直接用于项目开发

3. 生成原型图

在Cursor中选择Agent模式，输入提示词并点击执行，Cursor会根据提示词生成相应的代码和原型界面。如果生成的原型需要修改或优化，可将生成的html文件导入Figma等设计工具进行编辑。

（二）生成流程图

流程图是一种直观展示业务流程或算法逻辑的图形工具。使用Cursor生成流程图，能够快速将复杂的流程可视化，便于理解和沟通。

1. 启动对话

在Cursor编辑器中按Cmd/Ctrl + L打开命令面板，输入/开始与AI对话。

2. 输入提示词

使用特定的提示词模板，描述流程图的具体内容和要求。例如，生成一个订单处理流程图的提示词如下：

复制代码

请帮我创建一个订单处理流程图，包含： - 开始：用户下单 - 处理：库存检查、支付处理 - 结束：订单确认或失败 要求： 1. 使用PlantUML活动图 2. 添加条件分支 3. 使用清晰的布局 4. 添加状态说明

3. 生成流程图

输入提示词后，Cursor会根据要求生成相应的PlantUML代码。将生成的代码复制到PlantUML工具中，即可生成可视化的流程图。

（三）生成架构图

架构图是系统设计的重要文档，它能够展示系统的整体结构、组件关系和层次划分。使用Cursor生成架构图，可以快速将系统的设计思路转化为可视化的图形，提高沟通效率。

1. 触发指令

同样在Cursor编辑器中按Cmd/Ctrl + L打开命令面板，输入/开始与AI对话。

2. 编写提示词

提供详细的系统组件信息和架构要求，例如：

复制代码

我需要绘制一个基于RBAC(基于角色的访问控制)的认证鉴权模型概念图，使用PlantUML的类图语法，要求布局清晰、层次分明。 系统包含以下核心实体： 1. 用户(User)：包含用户ID、用户名、密码(加密存储)、邮箱、手机号、状态(启用/禁用)、创建时间 2. 角色(Role)：包含角色ID、角色名称、角色描述、创建时间 3. 权限(Permission)：包含权限ID、权限代码、权限名称、资源类型、资源路径、操作类型(如GET、POST等) 4. 用户组(UserGroup)：包含组ID、组名称、组描述 5. 租户(Tenant)：包含租户ID、租户名称、租户状态 实体间关系： - 用户与角色是多对多关系，使用实体 UserRole - 角色与权限是多对多关系，使用实体 UserPermission - 用户与用户组是多对多关系，使用实体 UserGroupUser - 用户组与角色是多对多关系，使用使用 UserGroupRole - 用户、角色、权限、用户组都属于某个租户(多租户系统) 输出要求： 1. 严格遵循单向关系原则：每对实体间只使用一个方向的关系箭头，避免双向关系造成的混乱，同时避免实体间关系的重复 - `--` 基本关联关系 - `<--` 或 `-->` 带方向的关联 - `--o` 或 `o--` 聚合关系（空心菱形） - `--*` 或 `*--` 组合关系（实心菱形） - `--|>` 继承关系 - `..|>` 实现关系 2. 明确标注实体间的数量关系（如：`"1" -- "n"`，`"0..1" -- "*"`，`"1" -- "0..*"` ） 3. 使用简洁的自定义颜色方案(使用!define和skinparam)，实体使用蓝色#3498DB、边框使用黑色#2C3E50、关系连线使用红色#E74C3C 4. 保证 PlanUML代码简洁，可阅读性好

3. 生成架构图

Cursor会根据提示词生成PlantUML代码，将代码复制到PlantUML工具中，即可生成精美的架构图。

（四）生成想要的代码

代码生成是Cursor的核心功能之一。通过自然语言描述功能需求，Cursor能够快速生成相应的代码，支持多种编程语言和框架。

1. 描述需求

使用自然语言清晰地描述功能需求，可以在代码中以注释形式编写，也可以通过快捷键Ctrl+K（Win/Linux）或Cmd+K（Mac）触发。例如：

复制代码

# 生成一个Python函数，接收URL列表，使用多线程下载所有文件并保存到downloads目录

2. 触发生成

按下Ctrl+K或Cmd+K，输入需求描述，Cursor会根据上下文和需求生成代码。

3. 调整输出

如果生成的代码不符合要求，可以通过追加提示词进行修正，如"添加异常处理""改用异步IO"等，也可以使用Alt+↑/↓快速切换备选方案。

以下是一个生成Python排序函数的示例：

复制代码

# 需求：创建一个排序函数，参数是整数数组 # 触发生成后，Cursor可能生成的代码如下  def sort_array(arr):  return sorted(arr)

二、总结

无论是画原型图、生成流程图、架构图还是代码，Cursor都能轻松应对，帮助开发者快速将想法转化为现实。在实际开发中，建议大家多尝试不同的指令和技巧，结合自己的项目需求，充分发挥Cursor的优势，让编程变得更加轻松愉快。

希望本文的介绍能够帮助你更好地掌握Cursor的常见指令，开启高效开发的新篇章！