Prompts FOR Cursor | POCASTER'S BLOG

Prompts FOR Cursor / AI Code Assistants

1. 通过 Cursor 直接制作原型图 (原版 Prompt，作为参考)

Prompt

我想要开发一个SOME APP。我需要将上面的这个应用输出成高保真的原型图设计。请考虑以下规范：

用户体验：先分析产品的主要功能和需求，确定核心能力。
产品规划：希望你作为一个 20 年的产品经理，来设计我们的整个产品，确保架构非常合理。
UI 设计：作为 30 年的 UI 设计师，要保证符合目标人群的使用习惯、符合手机端的设计规范、使用现代化的 UI 元素，注重产品体验和视觉。
输出要求：
- 使用 HTML + Tailwind CSS 生成所有原型图界面，可用 FontAwesome 美化界面，接近真实 app 效果。
- 按功能拆分代码文件，每个功能界面独立 HTML 文件（如 home.html、games.html、me.html 等）。
- 尽量使用 Tailwind CSS 样式，如需自定义请用独立 CSS 文件并引入。
- index.html 作为主入口，不直接写入所有界面代码，使用 iframe 嵌套其他页面，并在 index 页面展示所有页面。
- 界面尽可能模拟 iPhone 15 的真实外观。
- 页面图片可从 unsplash、pexels 获取。
- 尽量降低页面的 TOKEN。

步骤

部署到网页服务器上。
使用 Figma 的 html to figma 插件，将 HTML 文件转为 Figma 文件。

新设计的 Prompt 集合

2. 通过 Cursor 为企业级应用生成管理后台界面

Prompt

我需要开发一个企业内部项目管理系统。请你作为一个资深的企业级应用设计师和前端开发者，为其设计一套功能完善、用户友好的管理后台原型界面。

业务理解：分析企业级应用的核心需求（如用户管理、项目创建/分配、任务追踪、数据报表），确定主要模块和功能流。
产品规划：以 15 年的 SaaS 平台产品经理经验，规划系统的模块划分、权限管理、数据可视化等，确保架构的可扩展性和安全性。
UI/UX 设计：作为 25 年的企业级 UI/UX 专家，保证界面设计符合桌面端操作习惯、响应式布局、数据密集型界面的信息组织、以及采用主流的企业级设计语言（如 Ant Design 或 Material Design 的风格）。注重清晰的导航、操作反馈和错误处理。
输出要求：
- 使用 HTML + Tailwind CSS（或 Ant Design Vue/React 组件库的类 Tailwind 实现）生成原型界面。
- 页面需包含登录页、仪表盘（数据概览）、项目列表、任务详情、用户管理、数据报表等核心页面。
- 数据报表部分可使用简单的图表占位符（如 SVG 或文字描述）。
- 按模块拆分代码文件，例如 dashboard.html, project-list.html, user-management.html 等。
- 主入口 index.html 应包含一个侧边导航栏和顶部操作栏，主内容区域通过 iframe 或 JavaScript 加载不同页面内容。
- 图片和图标可从 Unsplash、Font Awesome 或 SVG Icons 获取。
- 界面模拟桌面端宽屏显示，注重布局的专业感和数据的呈现效率。
- 要求代码结构清晰，注释完整，便于后续开发团队理解。

步骤

审查生成的 HTML 文件，验证功能模块和布局。
使用 Figma 或 Adobe XD 导入 HTML，转换为可编辑的设计稿，进行微调。
与后端开发团队协作，确定 API 接口设计。

3. 通过 Cursor 快速生成营销活动落地页

Prompt

我需要为一个新产品发布（例如：AI 助手应用）设计一个吸引人的营销活动落地页（Landing Page）。请你作为一个全栈营销设计师和前端开发高手，快速生成一个高转化率的单页原型。

营销目标：明确落地页的主要目标是获取用户注册/下载，突出产品核心卖点和用户价值。
内容结构：设计落地页包含以下关键区域：
- 主视觉/Slogan (Hero Section)
- 产品核心功能介绍 (Features)
- 用户痛点与解决方案 (Problem/Solution)
- 用户评价/案例 (Testimonials/Case Studies)
- 行动呼吁 (Call to Action - CTA)
- 常见问题 (FAQ)
- 页脚 (Footer)
UI/UX 设计：注重视觉冲击力、品牌一致性、页面加载速度（模拟）和移动端友好。采用现代、简洁、具有科技感的 UI 风格。利用留白和视觉引导线，突出 CTA 按钮。
输出要求：
- 生成一个独立的 HTML 文件（landing-page.html），所有内容在一个页面内滚动。
- 使用 HTML + Tailwind CSS 实现响应式布局，确保在桌面、平板和手机上都有良好体验。
- 使用吸引人的排版（通过 Tailwind 字体和字号类），合适的颜色搭配。
- 图片可从 Unsplash、Pexels 获取，内容要与 AI 助手主题相关。
- CTA 按钮设计醒目，模拟点击效果（如 :hover 样式）。
- 可引入简单的 JavaScript (仅用于模拟交互，如平滑滚动)。
- 强调“低 TOKEN”原则，确保代码简洁高效。

步骤

在不同设备模拟器上测试页面响应性。
将 HTML 导入在线原型工具（如 Figma、Adalo 的 HTML 导入功能），快速迭代。
进行 A/B 测试前，可用此原型进行初步的用户反馈收集。

4. 通过 Cursor 生成基于组件库的微前端架构原型

Prompt

我想要开发一个大型电子商务平台的前端，需要采用微前端架构，并基于主流的组件库。请你作为一个具备 10 年微前端架构经验和丰富组件库使用经验的架构师兼前端工程师，为我生成一个初步的原型架构和示例页面。

架构规划：
- 分析微前端的核心优势（独立部署、技术栈无关、团队自治），设计一个基于 single-spa 或 qiankun 理念的 Shell 应用和多个子应用结构。
- 定义不同业务模块（如商品详情、购物车、用户中心）作为独立的微应用。
技术栈选择：选择一个成熟的组件库（例如：Vue 3 + Element Plus 或 React + Ant Design），并指导 AI 如何在原型中模拟其组件的使用。
UI/UX 规范：强调跨微应用之间的一致性 UI/UX 规范，如全局样式、主题色、公共组件等。
输出要求：
- 生成一个 index.html 作为主 Shell 应用（Host Application），包含微前端加载框架的占位符。
- 生成至少两个独立的微应用 HTML 文件（如 product-detail.html 和 shopping-cart.html），每个文件都应包含使用选定组件库的示例组件（例如 Element Plus 的按钮、表格、表单）。
- 每个微应用文件应包含模拟的入口函数和生命周期函数（即使是注释），以体现微前端的加载机制。
- 使用 CDN 引入选定组件库的 CSS 和 JS。
- 利用 Tailwind CSS 或直接使用组件库的样式，保持代码简洁。
- 页面图片和图标可根据电商主题获取，注意版权。
- 此原型旨在展示架构而非完整功能，所以只需实现骨架和关键组件的呈现。

步骤

在本地搭建一个简易的 HTTP 服务器，模拟微前端的加载环境。
手动调整 index.html 中的 JS，使其能够动态加载并渲染子应用 HTML 内容（简单的 fetch + innerHTML 即可）。
将此原型架构作为团队内部讨论和技术选型的重要参考。

5. 通过 Cursor 生成一个游戏或娱乐 APP 的动态交互原型

Prompt

我想要开发一个互动式故事游戏（Interactive Story Game）APP。请你作为一个具备 10 年游戏 UI/UX 经验和前端动画技能的开发者，为我设计一套富有创意和动态感的 APP 原型。

核心体验：聚焦于用户的沉浸感和互动体验，设计游戏章节选择、角色对话框、简单的道具使用等界面。
产品规划：规划游戏的导航流、章节解锁机制（原型中可简化为跳转）、以及可能的成就系统入口。
UI/UX 设计：
- 采用游戏风格的 UI 元素，如复古、未来、幻想等（请选择一种风格，例如“赛博朋克风”）。
- 注重过渡动画、点击反馈和粒子效果（可使用 CSS 动画或简单的 JS 模拟）。
- 按钮、背景、字体等都应符合所选的游戏风格。
- 确保在手机端（特别是 iPhone 15 模拟）有极佳的视觉表现和触摸体验。
输出要求：
- 使用 HTML + Tailwind CSS + Vanilla JS 生成。
- 按功能拆分文件：main-menu.html (主菜单/章节选择), story-chapter1.html (游戏章节1界面), inventory.html (背包/道具界面)。
- index.html 作为入口，通过 JS 控制 iframe 或直接加载/隐藏不同页面，并模拟简单的页面切换动画。
- 动态交互：要求包含至少一个简单的 JS 驱动的动态效果：
  - 例如：点击某个选项后，文本内容动态变化。
  - 或：道具在背包中可以通过点击高亮显示。
  - CSS 动画（如 transition, animation）用于按钮点击反馈、页面过渡。
- 页面图片（背景、角色立绘等）从 Unsplash、Pexels 获取，并进行风格化处理。
- 图标使用 FontAwesome 或 SVG Icons，同样需符合游戏主题。
- 注重界面的沉浸感和“氛围营造”。

步骤

在浏览器中直接测试所有动态交互和动画效果。
将原型分享给潜在玩家进行早期用户体验测试，收集反馈。
以此原型为基础，与游戏策划师讨论具体的游戏玩法和美术风格。

Prompts FOR AI Assistants (Cursor / GPT-4 / Claude / Gemini etc.)

6. 通过 AI 助手快速生成专业 PPT 演示文稿内容及结构

Prompt

我需要制作一份关于[具体主题，例如：2024 年 Q1 产品发布会亮点回顾]的专业 PPT 演示文稿。请你作为一个资深市场分析师和演示文稿专家，为我生成 PPT 的核心内容、结构大纲，并提供一些设计建议。

目标受众与目的：明确 PPT 是面向[具体受众，例如：公司高层和投资人]，目的是[具体目的，例如：展示产品成果、争取后续投资]。
内容提纲：根据主题，构思 PPT 的逻辑结构，包括但不限于：
- 封面页（标题、报告人、日期）
- 目录页
- 开场白/引言（Why this matters）
- 核心内容板块（每部分至少 3-5 个关键点）
- 数据支撑/图表建议（需要展示什么数据）
- 案例分析/成功故事（如果适用）
- 挑战与应对/未来展望
- 总结与呼吁（Call to Action）
- Q&A / 感谢页
内容细节：对每个核心板块，提供：
- 幻灯片标题
- 关键信息点（Bullet Points）：每个点不超过 20 字，简洁有力。
- 建议配图/图表类型：如折线图、柱状图、流程图、产品截图、团队照片等。
- 可能的旁白/讲解要点：辅助演示者理解和阐述。
设计风格建议：
- 配色方案建议（例如：企业品牌色 + 辅助色）。
- 字体选择建议（例如：简洁大方的无衬线字体）。
- 排版布局建议（例如：一页一主题、大量留白、信息可视化）。
- 动画/切换效果建议（例如：平滑过渡，避免花哨）。
输出要求：
- 以清晰的Markdown格式输出，每个幻灯片内容块包含标题、要点、配图/图表建议和旁白要点。
- 内容应具有专业性、说服力，并易于理解。
- 在输出中明确标记出“[自定义]”部分，提示用户根据实际情况填入具体数据或案例。
- 降低 TOKEN：保持每个要点简洁，避免冗长描述。

步骤

将生成的Markdown内容粘贴到 Markdown 转 PPT 工具（如 Marp、Deckset）或手动复制到 PowerPoint/Keynote/Google Slides。
根据建议选择合适的图片和图表，填充具体数据。
进行排练，调整旁白和讲解节奏。

7. 通过 AI 助手生成详细的游戏策划案（GDD - Game Design Document）大纲与核心内容

Prompt

我想要开发一款[游戏类型，例如：像素风回合制角色扮演游戏 (RPG)]。请你作为一个拥有 15 年经验的游戏制作人和资深策划师，为我生成一份详细的游戏策划案 (GDD) 大纲，并填充核心设计内容。

核心概念：
- 游戏名称（暂定）
- 游戏类型
- 核心玩法循环：玩家体验的循环流程（例如：探索-战斗-升级-获取装备-探索）。
- 独特卖点 (USP)：这款游戏有什么是市面上其他游戏没有的？
世界观与剧情：
- 背景故事：简述游戏世界的历史、设定。
- 主要角色：主角、重要 NPC、主要反派（性格、目的、外观特点）。
- 主线剧情概览：起因、发展、高潮、结局。
核心系统设计：
- 战斗系统：回合制/即时制？技能、魔法、道具？（详细描述机制）
- 成长系统：等级、经验、技能树、装备系统、锻造/合成。
- 任务系统：主线任务、支线任务、日常任务。
- 地图设计：世界地图、城镇、迷宫、副本。
- 经济系统：货币、商店、掉落。
UI/UX 概述：
- 主菜单、设置、战斗界面、背包、角色界面等的布局和交互设计理念。
- 美术风格、整体色调。
技术需求（概述）：
- 游戏引擎建议 (Unity/Unreal/Godot)。
- 跨平台考虑 (PC/Mobile/Console)。
- 可能的第三方库或服务。
输出要求：
- 以清晰、分层的Markdown格式输出，每个部分有详细的标题和内容描述。
- 内容应具备专业性、逻辑性和可实现性。
- 在关键设计点上提供多个可选方案或提示思考方向。
- 降低 TOKEN：尽量用简洁的语言描述复杂概念，使用列表和短句。

步骤

将生成的 GDD 大纲作为游戏团队内部讨论和立项的基础。
根据大纲，进一步细化每个系统的具体数值、平衡性等。
可结合其他 AI 工具进行美术概念图、背景音乐的生成。

8. 通过 AI 助手针对业务情况制作数据分析模型与 SQL/Python 脚本

Prompt

我是一家[业务类型，例如：电商平台]的[职位，例如：数据分析师]。我需要对[具体业务问题，例如：近 3 个月用户流失率上升的原因]进行深入数据分析。请你作为一个拥有 10 年经验的资深数据科学家，为我设计一个数据分析模型，并提供对应的 SQL 查询和 Python 分析脚本。

业务问题拆解：
- 将复杂问题拆解为可量化的子问题（例如：用户流失的定义、不同渠道/商品/地区的流失情况、流失用户的行为特征）。
- 确定需要分析的关键指标 (KPIs) 和辅助指标。
数据来源与字段假设：
- 假设数据存储在关系型数据库中，提供可能涉及的表名和关键字段：
  - users 表 (user_id, register_date, last_active_date, region, platform…)
  - orders 表 (order_id, user_id, order_date, product_id, amount…)
  - user_behavior 表 (user_id, event_time, event_type, page_url…)
  - （如果需要，可加入其他假设表）
分析模型设计：
- 分析方法选择：例如：同期群分析 (Cohort Analysis)、用户行为路径分析、RFM 模型、回归分析、分类模型。
- 核心逻辑：如何通过数据来验证/推翻某个假设（例如：新用户注册后多久未下单算流失？流失用户在流失前有什么共同特征？）。
- 可视化建议：推荐哪种图表类型来展示分析结果（例如：折线图展示流失趋势、柱状图对比不同群体流失率、桑基图展示用户流向）。
SQL 查询生成：
- 针对上述业务问题和分析模型，生成至少 2-3 个关键 SQL 查询，用于从假设的数据库表中提取和预处理数据。
- SQL 查询应包含：JOIN、WHERE、GROUP BY、CASE WHEN、日期函数等，并能计算出关键指标。
Python 分析脚本：
- 提供一个 Python 脚本框架，使用 pandas 进行数据加载和初步处理。
- 包含关键分析步骤的伪代码或示例代码（例如：如何计算流失率、如何进行同期群分析、如何绘制推荐图表）。
- 可使用 matplotlib 或 seaborn 进行数据可视化。
- 代码应清晰、有注释，并提供数据加载的占位符。
输出要求：
- 以清晰的Markdown格式输出，包括分析思路、SQL 代码块和 Python 代码块。
- 代码应可复制粘贴后稍作修改即可运行。
- 对每个代码块提供简要说明，解释其目的。
- 降低 TOKEN：SQL 和 Python 代码尽量简洁，避免重复。重点在于逻辑框架而非详尽的数据集处理。

步骤

将 SQL 查询在实际数据库中运行，获取初步数据。
根据 Python 脚本框架，加载实际数据进行分析和可视化。
根据分析结果，向业务团队提出可行的优化建议。

9. 通过 AI 助手生成可视化产品策略分析报告大纲

Prompt

我需要为[产品名称，例如：某SaaS协作工具]进行一次产品策略分析，并产出一份可用于团队决策和对外展示的可视化报告大纲。请你作为一个拥有 12 年产品管理经验、擅长策略分析和数据可视化的专家，为我生成这份报告的核心结构和关键分析点，并建议合适的图表类型。

产品现状分析：
- 核心功能与价值主张：当前产品提供了什么，解决了用户什么痛点？
- 用户画像与使用行为：主要用户是谁？他们如何使用产品？（建议使用用户分群图、用户旅程图）
- 市场表现与数据趋势：核心指标（DAU/MAU, 转化率, 留存率, ARPU 等）表现如何？趋势分析。（建议使用折线图、柱状图）
竞争格局分析：
- 主要竞品：列出 2-3 个核心竞品及其核心优势、劣势。
- 竞争策略与市场份额：竞品如何定位？市场占有率如何？（建议使用市场份额饼图、SWOT 分析图）
- 差异化优势：我们的产品与竞品相比，有哪些独特优势或潜在优势？
用户反馈与痛点分析：
- NPS/满意度：用户净推荐值或满意度数据。（建议使用柱状图、雷达图）
- 用户反馈渠道分析：来自客服、论坛、应用商店评论的关键痛点。（建议使用词云图、情感分析图）
- 功能使用瓶颈：用户在使用产品过程中遇到的主要障碍或不便。（建议使用漏斗图、热力图）
未来战略与行动计划：
- 产品愿景与目标：未来 1-3 年产品希望达到什么目标？
- 战略方向与优先级：基于分析结果，提出 2-3 个核心战略方向（例如：提升用户留存、拓展新市场、开发新功能）。
- 路线图（Roadmap）建议：短期（3-6个月）、中期（6-12个月）关键里程碑和具体行动。（建议使用甘特图或路线图）
- 风险与挑战：可能面临的风险及应对策略。
可视化建议：
- 针对每个分析点，建议采用最能直观表达数据的图表类型（如折线图、柱状图、饼图、散点图、漏斗图、雷达图、矩阵图等）。
- 强调图表应简洁明了，数据标签清晰，配色符合品牌规范。
输出要求：
- 以清晰的Markdown格式输出，每个部分包含标题、要点、建议的数据来源、以及推荐的可视化图表类型。
- 内容应具有战略高度和可操作性，便于产品经理和团队理解与执行。
- 降低 TOKEN：保持每个分析点简洁，重点突出关键信息和图表类型。

步骤

根据生成的大纲，收集对应数据并制作实际图表。
利用 PPT 或其他可视化工具（如 Tableau, Power BI）制作最终报告。
在团队会议中进行分享和讨论，获取反馈。

10. 通过 AI 助手设计叙事网络与角色关系图

Prompt

我正在创作一个关于[故事主题/背景，例如：一个拥有魔法和科技并存的世界]的奇幻故事。请你作为一个拥有 20 年经验的叙事设计师和世界构建大师，为我构建一个复杂而引人入胜的叙事网络，并设计核心角色之间的关系图。

核心冲突与主题：
- 故事的主要冲突是什么？（例如：魔法与科技的冲突、权力斗争、寻找失落的古物）
- 故事想要表达的核心主题或思想是什么？
关键事件与时间线：
- 列出故事发展中的至少 5-7 个关键转折点或重大事件（例如：某次发现、某人死亡、某次背叛、某次重大战役）。
- 简述这些事件之间的逻辑关系和大致发生顺序。
核心角色设计：
- 主要角色：至少 3-5 个主要角色（主角、主要盟友、主要反派等）。
  - 每个角色包含：姓名、阵营、关键特点（性格、能力、背景）、核心目标、隐藏动机。
- 次要但重要角色：2-3 个对故事发展有关键影响的配角。
角色关系网络构建：
- 为上述所有角色构建一个关系图（可用文字描述或伪代码/Graphviz 语法描述）。
- 关系类型包括但不限于：
  - 盟友 (Ally)
  - 敌人 (Enemy)
  - 师徒 (Mentor/Student)
  - 亲属 (Family)
  - 爱恨交织 (Love-Hate)
  - 竞争者 (Rival)
  - 追随者/被领导者 (Follower/Leader)
  - （秘密）知情者 (Secret-Keeper)
- 描述每对关键关系背后的原因和对故事发展的影响。
叙事张力与伏笔：
- 在叙事网络中，哪些关系或事件是制造冲突和张力的关键？
- 建议设置哪些伏笔或未解之谜，以吸引读者/观众继续深入？
输出要求：
- 以清晰的Markdown格式输出，包含所有设计点。
- 角色关系图可采用文字描述的方式：角色A --[关系类型]--> 角色B (简要说明原因)。
- 内容应富有想象力、逻辑自洽，并能激发进一步创作的灵感。
- 降低 TOKEN：在不失核心信息的前提下，保持描述简洁，使用列表和短句。

步骤

将生成的叙事网络和关系图作为故事大纲，进行更细致的人物小传和章节撰写。
利用专业绘图工具（如 Miro, Lucidchart, Obsidian Canvas）将文字描述转化为可视化关系图。
在创作过程中不断迭代和完善叙事网络，确保逻辑严密。

11. 通过 AI 助手生成复杂系统架构图的概念设计

Prompt

我需要为[系统类型，例如：一个面向亿级用户的实时推荐系统]进行架构设计。请你作为一个拥有 18 年大规模分布式系统架构经验的首席架构师，为我生成一个初步的概念性系统架构图和关键组件描述。

系统核心目标与挑战：
- 系统要解决什么核心问题？（例如：高并发、低延迟、个性化推荐、数据一致性）
- 系统可能面临哪些技术挑战？（例如：数据量大、计算复杂、实时性要求高、故障恢复）
核心功能模块：
- 输入层：数据源（例如：用户行为日志、商品信息、用户画像）。
- 处理层：数据清洗、特征工程、模型训练（离线/在线）、召回、排序。
- 存储层：数据仓库、特征存储、模型存储、用户偏好存储。
- 服务层：推荐服务 API、AB 测试平台、运营管理界面。
- 输出层：前端应用、消息推送。
技术选型建议（仅概念性，不深入具体版本）：
- 消息队列：用于解耦和异步处理（例如：Kafka, Pulsar）。
- 数据存储：关系型数据库、NoSQL 数据库（KV 存储、文档数据库）、图数据库。
- 计算框架：大数据批处理（Spark）、流处理（Flink）。
- 模型服务框架：用于部署和调用机器学习模型。
- API 网关：统一入口、负载均衡。
架构图概念描述：
- 使用文字或 Mermaid/Graphviz 伪代码描述系统的主要组件，以及它们之间的数据流向和交互关系。
- 强调高可用、可扩展性、弹性伸缩的设计原则。
关键考虑点：
- 监控与告警机制。
- 日志收集与分析。
- 安全性（认证、授权）。
- 部署与运维策略（容器化、自动化部署）。
输出要求：
- 以清晰的Markdown格式输出，包含所有设计点。
- 架构图概念描述可采用类似 Mermaid 语法（例如：组件A --数据流--> 组件B）。
- 内容应具有前瞻性、实用性，并能为后续详细设计提供坚实基础。
- 降低 TOKEN：用简洁的术语描述复杂组件，避免冗余信息。

步骤

将生成的概念架构图提交团队讨论，细化每个组件的技术方案。
利用专业绘图工具（如 draw.io, Visio）绘制正式的架构图。
根据此概念设计，进行更深入的技术选型和POC（概念验证）。

Tags: Public AI