一套前端开发专用的 Cursor 四大模式「快捷切换 + 指令模板」，直接复制就能用，覆盖 90% 日常场景。

Cursor 提供了四种开发模式：Agent模式（全自动开发，适合完整功能实现和多文件重构）、Plan模式（先规划后执行，适合复杂功能设计）、Debug模式（精准定位修复问题，适合错误排查）和Ask模式（纯问答不修改代码，适合学习咨询）。这四种模式可组合使用：Plan模式规划方案，Ask模式咨询细节，Agent模式自动实现，Debug模式处理报错，形成完整开发流程。各模式权限不同，重要项目建议备份

摘要：WorkBuddy是一款腾讯推出的AI办公助手，支持Windows/macOS双平台，提供一键安装、零部署体验。核心功能包括多步骤任务自动化（如Excel合并、PPT生成）、远程控制（通过企业微信/QQ等操作电脑）和文件智能管理。用户通过自然语言指令即可完成复杂办公流程，支持OpenClaw插件生态。典型应用场景涵盖数据处理、文档自动化、行政事务等职场需求，特别适合重复性任务处理。使用时需注

本文介绍了基于Vue3的登录页面设计与实现方案。采用<script setup>语法和Ant Design Vue组件库构建响应式界面，包含动态背景效果。核心功能包括表单验证、密码加密、API调用和用户信息管理，使用Pinia进行状态存储，结合session/localStorage实现数据持久化。系统通过Vue Router管理导航，具备完善的错误处理机制，支持多种交互方式。技术实现

最终生成的项目结构应同时包含两种框架的典型使用模式，并通过组合应用展示样式系统的协同工作能力。

用 [React/Vue/Next.js/Nuxt.js] 创建一个新项目，包含以下配置：TypeScript、路由系统、状态管理（Redux/Pinia）、ESLint + Prettier。“创建一个使用 [Tailwind CSS/Ant Design/Element Plus] 的 [React/Vue] 项目模板，包含主题配置和响应式布局示例”“生成一个包含 Express/Nest.j

以下是一份整理好的前端AI提示词模板，适用于与AI对话生成代码、设计建议、优化方案等场景。可根据具体需求调整参数和内容：生成响应式页面结构创建交互组件CSS样式优化配色方案生成UI组件设计动效建议四、性能优化类模板加载速度优化打包配置优化`为基于Webpack的React项目提供构建优化方案，要求：内存泄漏检测`编写JavaScript内存泄漏检测方案，包含：文档自动化`为以下React组件生成M