Skip to content

Framework Rules

This directory contains cursor rules specific to different software frameworks and libraries.

Frontend Frameworks

  • React: React component structure, hooks usage, and best practices
  • Vue.js: Vue component architecture, state management, and conventions
  • Next.js: Next.js project structure and best practices
  • Svelte: Svelte component architecture and best practices
  • Tailwind CSS: Tailwind CSS styling guidelines and conventions

Backend Frameworks

  • Django: Django project structure, model design, and best practices
  • Flask: Flask application structure and development standards
  • FastAPI: FastAPI project organization and best practices
  • Express.js: Express.js application structure and conventions
  • NestJS: NestJS architecture and development standards

Mobile Development Frameworks

  • React Native: React Native component structure and best practices
  • React Native with Expo: Expo-specific guidelines for React Native
  • Flutter: Flutter widget structure and Dart best practices
  • SwiftUI: SwiftUI view structure and Swift best practices

Usage

  1. Identify the framework(s) used in your project
  2. Copy the relevant rule files to your project's cursor-rules directory
  3. Customize as needed to align with your project's specific requirements

Contributing

If you'd like to contribute improvements to existing framework rules or add support for additional frameworks, please submit a pull request.