令人惊叹的 Cursor 规则

用于通过自定义规则和行为增强 Cursor AI 编辑器体验的配置文件

Cursor AI 是一款由人工智能驱动的代码编辑器。.cursorrules 文件定义了 Cursor AI 在生成代码时应遵循的自定义规则，使您可以根据自己的特定需求和偏好来调整其行为。

赞助

Warp - 专为使用多个 AI 助手进行编码而打造

coderabbit.ai - 将代码审查时间和 Bug 数量减半。立即实现。

Unblocked MCP - 用您团队的知识为 Cursor 提供强大支持

为什么使用 .cursorrules？

.cursorrules 是 Cursor AI 中的一项强大功能，它允许开发者为 AI 定义项目特定的指令。以下是您可能希望使用它的原因：

1. 定制化的 AI 行为：.cursorrules 文件有助于根据您的项目特定需求调整 AI 的响应，从而确保生成更相关、更准确的代码建议。

2. 一致性：通过在 .cursorrules 文件中定义编码标准和最佳实践，您可以确保 AI 生成的代码符合项目的风格指南。

3. 上下文感知：您可以向 AI 提供有关项目的重要的上下文信息，例如常用的方法、架构决策或特定的库，从而使代码生成更加明智。

4. 提高生产力：有了明确的规则，AI 可以生成几乎无需手动编辑的代码，从而加快开发进程。

5. 团队协作：对于团队项目，共享的 .cursorrules 文件可以确保所有团队成员获得一致的 AI 辅助，促进编码实践的统一。

6. 项目特定知识：您可以包含有关项目结构、依赖关系或独特要求的信息，帮助 AI 提供更准确和相关的建议。

通过在项目根目录下创建一个 .cursorrules 文件，您可以利用这些优势，并借助 Cursor AI 提升您的编码体验。

目录

• 令人惊叹的 Cursor 规则
  • 赞助
  • 为什么使用 .cursorrules？
  • 目录
  • 规则
    • 前端框架和库
    • 后端与全栈
    • 移动开发
    • CSS 和样式
    • 状态管理
    • 数据库和 API
    • 测试
    • 托管与部署
    • 构建工具与开发
    • 语言特定
    • 其他
    • 文档
    • 实用工具
  • 目录
  • 使用方法
    • 方法一
    • 方法二
  • 贡献
  • 赞助
  • 许可证

规则

前端框架和库

• Angular（Novo Elements） - 针对使用 Novo Elements UI 库进行 Angular 开发的光标规则。
• Angular（TypeScript） - 针对集成 TypeScript 的 Angular 开发的光标规则。
• Astro（TypeScript） - 针对集成 TypeScript 的 Astro 开发的光标规则。
• Beefree SDK（TypeScript、JavaScript、CSS、HTML、React、Angular、Vue） - 针对将 Beefree SDK 的无代码内容编辑器（用于邮件、页面和弹出窗口）嵌入到 Web 应用程序中的光标规则。
• Cursor AI（React、TypeScript、shadcn/ui） - 针对集成 React、TypeScript 和 shadcn/ui 的 Cursor AI 开发的光标规则。
• Next.js 15（React 19、Vercel AI、Tailwind） - 针对集成 React 19、Vercel AI 和 Tailwind CSS 的 Next.js 开发的光标规则。
• Next.js 14（Tailwind、SEO） - 针对集成 Tailwind CSS 并进行 SEO 优化的 Next.js 开发的光标规则。
• Next.js（React、Tailwind） - 针对集成 React 和 Tailwind CSS 的 Next.js 开发的光标规则。
• Next.js（React、TypeScript） - 针对集成 React 和 TypeScript 的 Next.js 开发的光标规则。
• Next.js（SEO 开发） - 针对进行 SEO 优化的 Next.js 开发的光标规则。
• Next.js（Supabase 待办应用） - 针对集成 Supabase 构建待办应用的 Next.js 开发的光标规则。
• Next.js（Tailwind、TypeScript） - 针对集成 Tailwind CSS 和 TypeScript 的 Next.js 开发的光标规则。
• Next.js（TypeScript 应用） - 针对集成 TypeScript 的 Next.js 开发的光标规则。
• Next.js（TypeScript） - 针对集成 TypeScript 的 Next.js 开发的光标规则。
• Next.js（TypeScript、Tailwind） - 针对集成 TypeScript 和 Tailwind CSS 的 Next.js 开发的光标规则。
• Next.js（Vercel、Supabase） - 针对集成 Vercel 和 Supabase 的 Next.js 开发的光标规则。
• Next.js（Vercel、TypeScript） - 针对集成 Vercel 和 TypeScript 的 Next.js 开发的光标规则。
• Next.js（App Router） - 针对集成 App Router 的 Next.js 开发的光标规则。
• Next.js（Material UI、Tailwind CSS） - 针对集成 Material UI 和 Tailwind CSS 的 Next.js 开发的光标规则。
• Qwik（与 TypeScript 和 Vite 的基础配置） - 针对集成 TypeScript 和 Vite 的 Qwik 开发的光标规则。
• Qwik（与 Tailwind CSS） - 针对集成 Tailwind CSS 的 Qwik 开发的光标规则。
• React 组件创建 - 针对 React 组件创建和开发的光标规则。
• React（Next.js UI 开发） - 针对集成 Next.js UI 的 React 开发的光标规则。
• React（TypeScript、Next.js、Node.js） - 针对集成 TypeScript、Next.js 和 Node.js 的 React 开发的光标规则。
• React（TypeScript、Symfony） - 针对集成 TypeScript 和 Symfony 的 React 开发的光标规则。
• Solid.js（基础配置） - 针对进行基础配置的 Solid.js 开发的光标规则。
• Solid.js（TypeScript） - 针对集成 TypeScript 的 Solid.js 开发的光标规则。
• Solid.js（Tailwind CSS） - 针对集成 Tailwind CSS 的 Solid.js 开发的光标规则。
• Svelte 5 与 Svelte 4 - 针对比较 Svelte 5 和 Svelte 4 开发的光标规则。
• SvelteKit（RESTful API、Tailwind CSS） - 针对集成 RESTful API 和 Tailwind CSS 的 SvelteKit 开发的光标规则。
• SvelteKit（Tailwind CSS、TypeScript） - 针对集成 Tailwind CSS 和 TypeScript 的 SvelteKit 开发的光标规则。
• SvelteKit（TypeScript 指南） - 针对集成 TypeScript 的 SvelteKit 开发的光标规则。
• Vue 3（Nuxt 3 开发） - 针对集成 Nuxt 3 的 Vue 3 开发的光标规则。
• Vue 3（Nuxt 3、TypeScript） - 针对集成 TypeScript 的 Vue 3 开发的光标规则。
• Vue 3（Composition API） - 针对集成 Composition API 的 Vue 3 开发的光标规则。

后端与全栈

• Convex 最佳实践 - 针对 Convex 开发的最佳实践光标规则。
• Deno 集成 - 针对 Deno 开发的集成技术光标规则。
• Drupal 11 - 针对 Drupal 11 开发的光标规则。
• Elixir 工程师指南 - 针对 Elixir 开发的工程师指南光标规则。
• Elixir（Phoenix、Docker） - 针对 Elixir 开发中 Phoenix 和 Docker 集成的光标规则。
• ES 模块（Node.js） - 针对 ES 模块开发中 Node.js 指南的光标规则。
• Go 后端可扩展性 - 针对 Go 开发中后端可扩展性的光标规则。
• Go ServeMux REST API - 针对 Go 开发中 ServeMux REST API 集成的光标规则。
• Go（基础设置） - 针对 Go 开发中基础设置的光标规则。
• Go 与 Fiber - 针对 Go 开发中 Fiber 集成的光标规则。
• Go Temporal DSL - 针对 Go 开发中 Temporal DSL 集成的光标规则。
• HTMX（基础设置） - 针对 HTMX 开发中基础设置的光标规则。
• HTMX（Flask） - 针对 HTMX 开发中 Flask 集成的光标规则。
• HTMX（Django） - 针对 HTMX 开发中 Django 集成的光标规则。
• Java（Springboot、JPA） - 针对 Java 开发中 Springboot 和 JPA 集成的光标规则。
• Knative（Istio、Typesense、GPU） - 针对 Knative 开发中 Istio、Typesense 和 GPU 集成的光标规则。
• Kotlin Ktor 开发 - 针对 Kotlin 开发中 Ktor 集成的光标规则。
• Laravel（PHP 8.3） - 针对 Laravel 开发中 PHP 8.3 集成的光标规则。
• Laravel（TALL Stack） - 针对 Laravel 开发中 TALL Stack 最佳实践的光标规则。
• Manifest - 针对 manifest 开发中 YAML 集成的光标规则。
• Node.js（MongoDB） - 针对 Node.js 开发中 MongoDB 集成的光标规则。
• Node.js（MongoDB、JWT、Express、React） - 针对 Node.js 开发中 MongoDB、JWT、Express 和 React 集成的光标规则。
• Rails 8（基础设置） - 针对 Rails 开发中基础设置的光标规则。
• Python（FastAPI） - 针对 Python FastAPI 后端开发及最佳实践的光标规则。
• Python（FastAPI） - 针对 Python FastAPI 开发中 API 集成的光标规则。
• Python 3.12（FastAPI 最佳实践） - 针对 Python FastAPI 开发中最佳实践的光标规则。
• Python（Django 最佳实践） - 针对 Python Django 开发中最佳实践的光标规则。
• Python（FastAPI 最佳实践） - 针对 Python FastAPI 开发中最佳实践的光标规则。
• Python（FastAPI 可扩展 API） - 针对 Python FastAPI 开发中可扩展 API 集成的光标规则。
• Python（Flask JSON 指南） - 针对 Python Flask 开发中 JSON 指南的光标规则。
• Python LLM & ML 工作流 - 针对 Python LLM & ML 开发中工作流集成的光标规则。
• Salesforce（Apex） - 针对 Salesforce 开发中 Apex 集成的光标规则。
• TypeScript（NestJS 最佳实践） - 针对 TypeScript 开发中 NestJS 最佳实践的光标规则。
• TYPO3 CMS 扩展 - 针对 TYPO3 CMS 开发中扩展集成的光标规则。
• WordPress（PHP、Guzzle、Gutenberg） - 针对 WordPress 开发中 PHP、Guzzle 和 Gutenberg 集成的光标规则。
• WordPress（macOS） - 针对 macOS 上 WordPress 开发的光标规则。

移动开发

• React Native Expo - 针对 React Native Expo 开发的光标规则。
• SwiftUI 指南 - 针对 SwiftUI 开发指南的光标规则。
• TypeScript（Expo、Jest、Detox） - 针对 TypeScript 开发中 Expo、Jest 和 Detox 集成的光标规则。
• Android 原生（Jetpack Compose） - 针对 Android 开发中 Jetpack Compose 集成的光标规则。
• Flutter 专家 - 针对 Flutter 开发中专家集成的光标规则。
• UIKit 指南 - 针对 UIKit 开发指南的光标规则。
• NativeScript - 针对 NativeScript 开发的光标规则。

CSS与样式

• Tailwind CSS（Next.js 指南） - 适用于集成 Next.js 的 Tailwind CSS 开发的光标规则。
• Tailwind（React、Firebase） - 适用于集成 React 和 Firebase 的 Tailwind 开发的光标规则。
• Tailwind（shadcn/ui 集成） - 适用于集成 shadcn/ui 的 Tailwind 开发的光标规则。
• HTML（Tailwind CSS、JavaScript） - 适用于集成 Tailwind CSS 和 JavaScript 的 HTML 开发的光标规则。
• JavaScript（Astro、Tailwind CSS） - 适用于集成 Astro 和 Tailwind CSS 的 JavaScript 开发的光标规则。
• React（Styled Components） - 适用于集成 Styled Components 的 React 开发的光标规则。
• React（Chakra UI） - 适用于集成 Chakra UI 的 React 开发的光标规则。

状态管理

• React（Redux、TypeScript） - 适用于集成 Redux 和 TypeScript 的 React 开发的光标规则。
• React（MobX） - 适用于集成 MobX 的 React 开发的光标规则。
• React（React Query） - 适用于集成 React Query 的 React 开发的光标规则。

数据库与 API

• GraphQL（Apollo Client） - 适用于集成 Apollo Client 的 GraphQL 开发的光标规则。
• TypeScript（Axios） - 适用于集成 Axios 的 TypeScript 开发的光标规则。

测试

• Cypress API 测试 - 适用于进行 API 测试的 Cypress 开发的光标规则。
• Cypress 无障碍测试 - 适用于进行无障碍测试的 Cypress 开发的光标规则。
• Cypress 缺陷跟踪 - 适用于进行缺陷跟踪的 Cypress 开发的光标规则。
• Cypress 端到端测试 - 适用于进行端到端测试的 Cypress 开发的光标规则。
• Cypress 集成测试 - 适用于进行集成测试的 Cypress 开发的光标规则。
• Jest 单元测试 - 适用于进行单元测试的 Jest 开发的光标规则。
• Playwright API 测试 - 适用于进行 API 测试的 Playwright 开发的光标规则。
• Playwright 无障碍测试 - 适用于进行无障碍测试的 Playwright 开发的光标规则。
• Playwright 缺陷跟踪 - 适用于进行缺陷跟踪的 Playwright 开发的光标规则。
• Playwright 端到端测试 - 适用于进行端到端测试的 Playwright 开发的光标规则。
• Playwright 集成测试 - 适用于进行集成测试的 Playwright 开发的光标规则。
• PR 模板 - 适用于集成模板的 PR 开发的光标规则。
• QA 错误报告 - 适用于集成错误报告的 QA 开发的光标规则。
• TestRail 测试用例 - 适用于集成测试用例的 TestRail 开发的光标规则。
• TypeScript（Expo、Jest、Detox） - 适用于集成 Expo、Jest 和 Detox 的 TypeScript 开发的光标规则。
• Vitest 单元测试 - 适用于进行单元测试的 Vitest 开发的光标规则。
• Xray 测试用例 - 适用于集成测试用例的 Xray 开发的光标规则。

托管与部署

• Netlify - 适用于官方集成的 Netlify 开发的光标规则。

构建工具与开发

• Chrome 扩展（JavaScript/TypeScript） - 针对集成 JavaScript 和 TypeScript 的 Chrome 扩展开发的光标规则。
• 工程工单模板 - 针对集成工单模板的工程开发的光标规则。
• GitHub 代码质量 - 针对集成代码质量检查的 GitHub 开发的光标规则。
• GitHub 使用说明 - 针对集成使用说明的 GitHub 开发的光标规则。
• Git 提交信息 - 针对集成规范提交信息的 Git 开发的光标规则。
• Kubernetes（MkDocs 文档） - 针对集成 MkDocs 文档的 Kubernetes 开发的光标规则。
• Linux（NVIDIA CUDA、Python） - 针对集成 NVIDIA CUDA 和 Python 的 Linux 开发的光标规则。
• 优化（DRY、SOLID 原则） - 针对集成 DRY 和 SOLID 原则的优化开发的光标规则。
• 项目史诗模板 - 针对集成史诗模板的项目开发的光标规则。
• Python 容器化 - 针对集成容器化的 Python 开发的光标规则。
• Python（GitHub 配置） - 针对集成 GitHub 配置的 Python 开发的光标规则。
• Tauri（Svelte、TypeScript 指南） - 针对集成 Svelte 和 TypeScript 指南的 Tauri 开发的光标规则。
• TypeScript 代码规范 - 针对集成代码规范的 TypeScript 开发的光标规则。
• VSCode 扩展（Electron/TypeScript） - 针对集成 Electron 和 TypeScript 的 VSCode 扩展开发的光标规则。

语言特定

• JavaScript/TypeScript 代码质量 - 集成代码质量检查的 JavaScript 和 TypeScript 开发光标规则。
• JavaScript (Chrome APIs) - 集成 Chrome APIs 的 JavaScript 开发光标规则。
• 优化 (Rell 区块链代码) - 集成 Rell 区块链代码的优化开发光标规则。
• Pandas (scikit-learn 指南) - 集成 scikit-learn 指南的 Pandas 开发光标规则。
• Plasticode (Telegram API) - 集成 Telegram API 的 Plasticode 开发光标规则。
• PyQt6 (EEG 处理) - 集成 EEG 处理的 PyQt6 开发光标规则。
• Python/TypeScript 指南 - 集成 TypeScript 指南的 Python 开发光标规则。
• Python 最佳实践 - 集成最佳实践的 Python 开发光标规则。
• Python 开发者 - 集成开发者资源的 Python 开发光标规则。
• Python 项目指南 - 集成项目指南的 Python 开发光标规则。
• PyTorch (scikit-learn) - 集成 scikit-learn 的 PyTorch 开发光标规则。
• R 最佳实践 - 集成最佳实践的 R 开发光标规则。
• Solidity (Foundry) - 集成 Foundry 的 Solidity 开发光标规则。
• Solidity (Hardhat) - 集成 Hardhat 的 Solidity 开发光标规则。
• Solidity (React 区块链应用) - 集成 React 区块链应用的 Solidity 开发光标规则。
• TypeScript (LLM 技术栈) - 集成 LLM 技术栈的 TypeScript 开发光标规则。
• TypeScript (Node.js、Next.js、AI) - 集成 Node.js、Next.js 和 AI 的 TypeScript 开发光标规则。
• TypeScript (Node.js、Next.js、React、UI、CSS) - 集成 Node.js、Next.js、React、UI 和 CSS 的 TypeScript 开发光标规则。
• TypeScript (Node.js、React、Vite) - 集成 Node.js、React 和 Vite 的 TypeScript 开发光标规则。
• TypeScript (React、Next.js、Cloudflare) - 集成 React、Next.js 和 Cloudflare 的 TypeScript 开发光标规则。
• TypeScript (React、NextUI、Supabase) - 集成 React、NextUI 和 Supabase 的 TypeScript 开发光标规则。
• TypeScript (shadcn/ui、Next.js) - 集成 shadcn/ui 和 Next.js 的 TypeScript 开发光标规则。
• TypeScript (Vite、Tailwind) - 集成 Vite 和 Tailwind 的 TypeScript 开发光标规则。
• TypeScript (Vue.js) - 集成 Vue.js 的 TypeScript 开发光标规则。
• TypeScript (Zod、Tailwind、Next.js) - 集成 Zod、Tailwind 和 Next.js 的 TypeScript 开发光标规则。
• WebAssembly (Z80 细胞自动机) - 集成 Z80 细胞自动机的 WebAssembly 开发光标规则。
• TypeScript (Next.js) - 集成 Next.js 的 TypeScript 开发光标规则。
• TypeScript (Next.js、React) - 集成 Next.js 和 React 的 TypeScript 开发光标规则。
• TypeScript (Next.js、React、Tailwind、Supabase) - 集成 Next.js、React、Tailwind 和 Supabase 的 TypeScript 开发光标规则。
• TypeScript (Next.js、Supabase) - 集成 Next.js 和 Supabase 的 TypeScript 开发光标规则。
• TypeScript (Node.js、Next.js 应用) - 集成 Node.js 和 Next.js 应用的 TypeScript 开发光标规则。
• TypeScript (React) - 集成 React 的 TypeScript 开发光标规则。
• TypeScript (Clasp App Script) - 集成 Clasp app script 的 TypeScript 开发光标规则。
• C++ 编程指南 - 集成编程指南的 C++ 开发光标规则。

其他

• ASCII 模拟游戏 - 用于 ASCII 模拟游戏开发的光标规则。
• 代码指南 - 集成指南的代码开发光标规则。
• 代码风格一致性 - 集成风格一致性的代码开发光标规则。
• DragonRuby 最佳实践 - 集成最佳实践的 DragonRuby 开发光标规则。
• 图形化应用开发 - 集成相关功能的图形化应用开发光标规则。
• 元提示 - 集成元提示功能的光标规则。
• Next.js (Type LLM) - 集成 Type LLM 的 Next.js 开发光标规则。
• Unity (C#) - 集成 C# 的 Unity 开发光标规则。
• Web 应用优化 - 集成优化功能的 Web 应用开发光标规则。
• 代码结对面试 - 集成相关功能的代码结对面试开发光标规则。

文档

• Gherkin 风格测试 - 集成相关功能的 Gherkin 风格测试开发光标规则。
• 操作指南文档 - 集成相关功能的操作指南文档开发光标规则。

工具

• Cursor Watchful Headers - 基于 Python 的文件监视系统，可自动管理文本文件中的头部信息，并保持项目树结构的整洁与专注。非常适合在项目中维护一致的文件头部和文档，同时具备帮助 LLM 更好地理解项目的特殊功能。

目录

• CursorList
• CursorDirectory

使用方法

方法一

1. 如果尚未安装，请先安装 Cursor AI。
2. 浏览上述规则，找到适合您需求的 .cursorrules 文件。
3. 将选定的 .cursorrules 文件复制到您的项目根目录。
4. 根据具体项目需求，对规则进行自定义调整。

方法二

1. 如果尚未安装，请先安装 Cursor AI。
2. 安装 vscode-cursor-rules 扩展。
3. 打开命令面板（Cmd+Shift+P 或 Ctrl+Shift+P），输入 Cursor Rules: Add .cursorrules。
4. 选择并下载适合您需求的 .cursorrules 文件。
5. 根据具体项目需求，对规则进行自定义调整。

贡献

欢迎贡献！如果您有一个优秀的 .cursorrules 文件想要分享：

1. 分支本仓库。
2. 在 rules 目录下创建一个新文件夹。文件夹名称应遵循以下模式： technology-focus-cursorrules-prompt-file 例如：react-typescript-cursorrules-prompt-file
3. 将您的 .cursorrules 文件放入新文件夹中。
4. 可选：在该文件夹中添加 README.md 文件，以注明作者并提供简要说明。
5. 更新主 README.md 文件，在相应类别中添加您的贡献。
6. 确保您的贡献符合本仓库根目录下 .cursorrules 文件中的指导原则。
7. 提交拉取请求。

请确保您的贡献为原创内容，或在基于现有作品时正确注明出处。有关格式、命名规范及贡献最佳实践的详细指南，请参阅本仓库根目录下的 .cursorrules 文件。

赞助

Warp - 专为多 AI 助手编程而打造

coderabbit.ai - 即刻将代码评审时间与 Bug 数量减半。

Unblocked MCP - 用您团队的知识为 Cursor 注入强大动力

---

许可证

Awesome Cursor Rules 快速上手指南

awesome-cursorrules 是一个精选的 .cursorrules 配置文件集合，旨在增强 Cursor AI 编辑器的体验。通过引入这些规则文件，你可以让 Cursor 在生成代码时遵循特定的项目规范、技术栈最佳实践和架构风格，从而获得更精准、一致的代码建议。

环境准备

在使用本仓库之前，请确保满足以下条件：

1. 操作系统：Windows, macOS 或 Linux 均可。
2. 核心依赖：已安装并配置好 Cursor AI Editor。
   • 下载地址：https://cursor.sh/
3. 项目环境：拥有一个正在开发或新建的项目文件夹（例如基于 Next.js, React, Vue, Go 等）。

注意：本工具不需要通过 npm 或 pip 安装任何包，它本质是一组文本配置文件。

安装步骤

你可以通过以下两种方法将规则应用到你的项目中：

方法一：手动复制（推荐，最直观）

1. 浏览本仓库的 Rules 列表，找到匹配你技术栈的规则文件（例如 nextjs-react-tailwind）。
2. 点击对应的 .cursorrules 文件链接。
3. 点击文件内容右上角的 Raw 按钮。
4. 复制全部内容。
5. 在你的项目根目录下创建一个名为 .cursorrules 的文件。
6. 将复制的内容粘贴进去并保存。

方法二：使用 Git 克隆（适合批量尝试）

如果你希望下载所有规则并在本地挑选：

# 克隆仓库到本地
git clone https://github.com/claire-gong-18/awesome-cursorrules.git

# 进入仓库目录
cd awesome-cursorrules

# 浏览 rules 目录，找到适合你项目的文件夹
# 例如：查看 Next.js + Tailwind 规则
cat rules/nextjs-react-tailwind-cursorrules-prompt-file/.cursorrules

# 将选中的文件复制到你的项目根目录并重命名为 .cursorrules
# 请将 <YOUR_PROJECT_PATH> 替换为你实际的项目路径
cp rules/nextjs-react-tailwind-cursorrules-prompt-file/.cursorrules <YOUR_PROJECT_PATH>/.cursorrules

基本使用

配置完成后，无需重启 Cursor，规则即刻生效。Cursor 会在每次对话或代码生成时自动读取该文件中的指令。

使用示例

假设你正在开发一个 Next.js + Tailwind CSS 项目：

1. 配置规则： 按照上述“安装步骤”，将 nextjs-react-tailwind-cursorrules-prompt-file/.cursorrules 的内容复制到你项目的根目录 .cursorrules 文件中。

2. 发起请求： 在 Cursor 的聊天窗口（Cmd+L / Ctrl+L）或行内编辑（Cmd+K / Ctrl+K）中输入自然语言指令，例如：

   创建一个带有响应式导航栏的首页组件。
   

3. 预期效果： 由于 .cursorrules 中已经定义了“必须使用 Tailwind CSS 进行样式编写”、“遵循 Next.js App Router 结构”等规则，Cursor 生成的代码将直接符合这些标准，无需你额外强调技术细节。

   生成的代码片段示例（自动遵循规则）：

   // app/page.tsx
   import Link from 'next/link';
   
   export default function Home() {
     return (
       <nav className="flex justify-between items-center p-4 bg-gray-900 text-white">
         <Link href="/" className="text-xl font-bold">
           Logo
         </Link>
         <div className="space-x-4">
           <Link href="/about" className="hover:text-gray-300">
             About
           </Link>
         </div>
       </nav>
     );
   }
   

验证规则是否生效

你可以在 Cursor 聊天框中输入：

当前项目的编码规范是什么？

如果配置成功，Cursor 会总结 .cursorrules 文件中的关键指令（如技术栈版本、代码风格、目录结构偏好等）并回答你。