前端框架

React、Vue、Angular 等前端框架的规则

Angular (Novo Elements)

使用独立组件集成 Novo Elements 和 Angular 的综合指南和规则,确保代码清晰、可维护和高效。
Angular
Novo Elements
Standalone Components

Angular (TypeScript)

使用 TypeScript、Angular 18 和 Jest 进行专业的 Angular 编程,专注于清晰、可读和可维护的代码。
TypeScript
Angular
Jest

Astro (TypeScript)

使用 TypeScript 和 TailwindCSS 开发和维护 Astro 项目的综合指南。
TypeScript
Astro
TailwindCSS

Cursor AI (React, TypeScript, shadcn/ui)

一个专门用于 React 和 TypeScript 的高级 AI 编程助手,利用 shadcn/ui 进行现代 UI 开发。使用最新技术和最佳实践确保代码清晰、可维护和高性能。
React
TypeScript
shadcn/ui

Next.js 15 (React 19, Vercel AI, Tailwind)

使用 Next.js 15、React 19、Vercel AI SDK 和 Tailwind CSS 构建现代 Web 应用程序的综合指南和最佳实践。包括 TypeScript、Shadcn UI、Radix UI 和性能优化策略。
React 19
Next.js 15
Vercel AI

Next.js 14 (Tailwind, SEO)

使用 Next.js 14、Tailwind CSS 和 TypeScript 构建现代、SEO 优化的 Web 应用程序的综合指南和代码生成规则。该模板包括服务器端渲染、响应式设计和性能优化的最佳实践。
Next.js
Tailwind CSS
SEO

Next.js (React, Tailwind)

使用 Next.js、React、Tailwind CSS 和 Shadcn UI 开发现代 Web 应用程序的综合指南和规则。该设置强调 TypeScript、函数式编程和性能优化。
Next.js
React
Tailwind CSS

Next.js (React, TypeScript)

使用 Next.js、React 和 TypeScript 进行开发的综合指南,重点关注最佳实践、性能优化和现代 Web 开发技术。
React
TypeScript
Next.js

Next.js (SEO Development)

Next.js 项目中 SEO 优化的综合指南,包括最佳实践、编码标准和性能提示。
SEO
Next.js
Web Development

Next.js (Supabase Todo App)

使用 Next.js 和 Supabase 构建待办事项应用程序的综合指南和规范。该项目利用 Supabase 作为后端服务,Next.js 用于服务器端渲染,Tailwind CSS 用于样式设计。
Next.js
Supabase
Todo App

Next.js (Tailwind, TypeScript)

使用 Tailwind CSS 进行样式设计和 TypeScript 进行类型安全的 Next.js 应用程序开发的综合指南和规则。该设置确保现代、高效和可扩展的 Web 开发环境。
Next.js
Tailwind CSS
TypeScript

Next.js (TypeScript App)

Astral 是一个基于 Next.js 和 TypeScript 的 Autonomys 网络区块浏览器,集成了状态管理、UI 组件和数据获取库。
Next.js
TypeScript
Block Explorer

Next.js (TypeScript)

使用 Next.js 和 TypeScript 构建全栈应用程序的综合指南,集成现代 UI 库,并优化性能和可扩展性。
TypeScript
Next.js
React

Next.js (TypeScript, Tailwind)

Astral 是 Autonomys 网络的区块浏览器,使用 Next.js、TypeScript 和 Tailwind CSS 构建。它为区块链数据探索提供了响应式和可访问的界面,集成了用于状态管理、UI 组件和数据获取的高级库。
TypeScript
Tailwind
Next.js

Next.js (Vercel, Supabase)

BA Copilot 是一个 AI 驱动的助手,旨在帮助业务分析师通过上下文建议创建、修改和迭代 BPMN 图表,利用上传的文档和用户查询。使用 Next.js、Vercel 和 Supabase 构建,为业务流程建模和文档提供无缝工作流程。
Next.js
Vercel
Supabase

Next.js (Vercel, TypeScript)

在 Next.js 项目中集成 AI SDK RSC 与 Vercel 中间件和 KV 数据库的综合指南,使用 TypeScript、Tailwind CSS 和 Shadcn UI。
Next.js
Vercel
TypeScript

Next.js (App Router)

在 Next.js App Router 项目中实施最佳实践的综合指南和规则,包括文件夹结构、编码标准和性能优化。
Next.js
App Router
React

Next.js (Material UI, Tailwind CSS)

使用 Next.js 构建的现代作品集项目,采用 Material UI、Tailwind CSS 和 Shadcn/UI 实现响应式和视觉吸引力的设计。该项目支持 TypeScript、App Router,并使用结构化的 `src/` 目录以获得更好的组织。
Next.js
Material UI
Tailwind CSS

Qwik (Basic Setup with TypeScript and Vite)

使用 TypeScript 和 Vite 设置 Qwik.js 的综合指南,包括最佳实践、文件夹结构和性能优化提示。
Qwik.js
TypeScript
Vite

Qwik (with Tailwind CSS)

使用 Tailwind CSS、TypeScript 和 Vite 开发 Qwik 应用程序的综合指南和规则集。包括最佳实践、文件夹结构和优化开发的附加说明。
Qwik
Tailwind CSS
TypeScript

React Components Creation

创建 React 组件的综合指南,包括最佳实践、组件结构以及与 Tailwind CSS 和 TypeScript 的集成。
React
TypeScript
Tailwind CSS

React (Next.js UI Development)

专门从事 React 和 Next.js UI 开发的专家级 AI 编程助手,专注于为浏览器生产清晰、可读和高效的 JavaScript 代码。使用流行框架和库的最新版本,确保准确、真实和深思熟虑的响应。
Next.js
React
UI Development

React (TypeScript, Next.js, Node.js)

使用 TypeScript、Next.js 和 Node.js 开发 React 应用程序的综合指南和最佳实践。包括编码标准、首选库、文件结构、性能优化、测试要求和错误处理。
TypeScript
Next.js
Node.js

React (TypeScript, Symfony)

使用 React、TypeScript 和 Symfony 进行全栈开发的综合指南。学习最佳实践、编码标准和性能优化技术。
TypeScript
Symfony
React

Solid.js (Basic Setup)

设置和优化 Solid.js 项目的详细指南,包括最佳实践、文件夹结构和性能提示。
Solid.js
Setup
Best Practices

Solid.js (TypeScript)

使用 TypeScript 的 Solid.js 项目的综合 .cursorrules,包括最佳实践、文件夹结构和编码标准。
TypeScript
Solid.js
Functional Components

Solid.js (Tailwind CSS)

将 Solid.js 与 Tailwind CSS 集成的最佳实践和规则,包括组件结构、样式和性能优化。
Solid.js
Tailwind CSS
Frontend Development

Svelte 5 vs Svelte 4

Svelte 5 和 Svelte 4 之间的全面比较,突出新功能、语法变化和开发人员的迁移策略。
Svelte
Svelte 5
Svelte 4

SvelteKit (RESTful API, Tailwind CSS)

基于 SvelteKit 的现代 Web 应用程序,具有 RESTful API、通过 Supabase 的 PostgreSQL 数据库,并使用 Tailwind CSS 进行样式设计。在 Vercel 上部署,使用 Supabase Auth 进行身份验证。
SvelteKit
RESTful API
Tailwind CSS

SvelteKit (Tailwind CSS, TypeScript)

使用 Tailwind CSS 进行样式设计和 TypeScript 进行类型安全的 SvelteKit 项目的综合指南和编码标准。该项目强调简单性、可读性、性能、可维护性、可测试性和可重用性。
SvelteKit
Tailwind CSS
TypeScript

SvelteKit (TypeScript Guide)

使用 SvelteKit、TypeScript、Supabase 和 Drizzle 构建现代 Web 应用程序的综合指南。学习状态管理、路由、性能优化、国际化等方面的最佳实践。
SvelteKit
TypeScript
Supabase

Vue 3 (Nuxt 3 Development)

使用 Vue 3 和 Nuxt 3 进行开发的综合指南,重点关注最佳实践、性能和可维护性。
Vue 3
Nuxt 3
JavaScript

Vue 3 (Composition API)

Vue 3 Composition API 最佳实践、项目结构的综合指南,以及构建可扩展和可维护的 Vue 3 应用程序的附加说明。
Vue 3
Composition API
TypeScript

Next.js, Supabase, Shadcn PWA Project Development Rules

这些规则涵盖了Next.js、Supabase、Shadcn PWA项目的各个方面。包括代码质量和风格指南,如编写简洁、强类型的代码,使用函数式编程,遵循命名约定等。构建说明的规则涉及位置、命名、内容结构、更新时间、风格以及对已完成或弃用说明的处理。上下文文件规则规定了主上下文文件和其他上下文文件的用途、更新条件和变更管理。项目还对堆栈和框架的使用、单仓库结构和工具使用有要求。
Next.js
Supabase
Shadcn

HTML, Tailwind CSS and Vanilla JavaScript Coding Rules

使用最新版本的 HTML、Tailwind CSS 和原生 JavaScript 进行编程的规则。包括精确遵循用户需求、提供准确代码、注重可读性等要求。
HTML
Tailwind CSS
JavaScript

Insufficient Information Rule

由于缺少相关文件内容,没有足够信息来生成具体规则。
vue
nuxt
typescript

Next.js Best Practices

本文档概述了Next.js应用程序开发的最佳实践,涵盖代码组织、性能优化、安全、测试策略以及需避免的常见陷阱。遵循这些指南有助于构建健壮、可扩展且易于维护的应用程序。
Next.js
前端开发
代码组织

Vue.js Best Practices and Coding Standards

本文档概述了Vue.js开发的最佳实践,涵盖代码组织、模式、性能、安全、测试、常见陷阱和工具等方面,以确保代码高质量、可维护且性能良好。
Vue.js
前端开发
编码标准

Netlify Library Best Practices and Coding Standards

本文档阐述了使用Netlify开发应用程序的最佳实践,涵盖代码组织、性能考量、安全措施、测试策略和部署流程。例如,推荐了特定的目录结构,采用JAMstack等设计模式,通过代码分割优化性能,实施输入验证和API通信使用HTTPS等安全措施。
Netlify
前端开发
代码组织

jQuery Best Practices A Comprehensive Guide

本指南详述了jQuery开发的最佳实践,涵盖代码组织、常见模式、性能优化、安全、测试和工具使用等方面。给出目录结构、设计模式、选择器优化等建议,以保障代码质量、性能和可维护性,助开发者编写高质量、高性能且安全的jQuery代码。
JavaScript
DOM
库

Ant Design React App Development Best Practices

本文档给出了使用 Ant Design 开发 React 应用的最佳实践。涵盖代码组织、模式、性能、安全、测试等方面。如采用模块化导入以减小包体积,使用 React.lazy 按需加载组件。还介绍了输入验证、认证等安全措施,以及不同级别的测试方法。
Ant Design
React
前端开发

Nuxt.js Development Best Practices

这些规则围绕 Nuxt.js 开发,涉及启用 ESLint、采用模块、遵循约定、优化性能等方面。还包含安全、测试及避免常见错误等内容。通过合理的代码组织、组件设计和状态管理,可构建健壮、易维护的 Nuxt.js 应用。
Nuxt.js
前端开发
ESLint

CodeMirror Best Practices and Coding Standards

本文档给出了使用CodeMirror开发文本编辑器和代码相关应用的最佳实践和编码标准。涵盖代码组织、设计模式、性能优化、安全、测试等方面。遵循这些准则可确保代码可维护性、性能和良好用户体验。如规定目录结构、文件命名,还提及常见问题处理。
CodeMirror
前端开发
编码标准

Angular Best Practices and Coding Standards

本文档涵盖了Angular应用开发的全面最佳实践。包含代码组织、常见模式、性能优化、安全、测试和工具使用等方面。详细介绍了目录结构、设计模式,指出要避免的反模式,还提供了优化、安全和测试策略。遵循这些规范可构建健壮、易维护的应用。
Angular
前端开发
编码规范

Chakra UI Development Rules

这些规则涵盖了Chakra UI开发的多个方面,包括可访问性、基于属性的样式设置、主题管理、模块化组件、响应式设计等。同时,还提供了代码组织、测试、性能优化、安全防护以及常见陷阱的应对方法。详细说明了工具和环境的设置,以实现高效开发。
Chakra UI
前端开发
可访问性

Shadcn UI Best Practices

本文档阐述了使用Shadcn UI进行开发的最佳实践,涵盖代码组织、常见模式、性能考量、安全、测试、常见陷阱和工具使用等方面。在代码方面,建议合理的目录和文件命名、代码分割;还提供了处理状态、安全漏洞和各类测试策略的建议。
Shadcn UI
前端开发
React

React-Redux Best Practices

本文档阐述了使用 Redux 进行状态管理的 React 应用开发最佳实践。内容涵盖代码组织、设计模式、性能优化、安全策略、测试方法和工具使用等方面。例如,推荐基于功能的目录结构,使用选择器,应用记忆化技术。同时,提醒避免直接修改状态、过度依赖全局状态等反模式。
React
Redux
最佳实践

react-query Best Practices

本文档阐述了在 React 应用中使用 react - query 的最佳实践,涵盖代码组织、常见模式、性能优化、安全保障、测试方法、常见陷阱及工具使用等方面。如采用基于功能的目录结构、用自定义钩子进行数据获取,实施输入验证和 API 通信使用 HTTPS 等安全措施。
react-query
React
前端

Material-UI/MUI Best Practices and Coding Standards

本文档给出使用Material - UI开发React应用的最佳实践,涵盖代码组织、命名规范、常见模式、性能、安全、测试和工具等方面。遵循这些准则有助于创建可维护、可扩展、高性能且安全的应用程序。
Material-UI
React
前端开发

Axios Development Rules

这些规则涵盖了在开发中使用 Axios 的多个方面。包括代码组织,如目录结构和命名规范;常见模式,如单例、适配器和工厂模式;性能优化,如缓存和请求防抖;安全最佳实践,如防止 XSS 和 CSRF 攻击;测试方法,如单元测试和集成测试等。避免硬编码 URL,优雅处理错误。
Axios
API开发
HTTP请求

探索我们全面的 Cursor 规则集合