Framework-Specific Cursor Rules for Web and Mobile Development

What Are Cursor Rules for Frameworks?

Framework-specific cursor rules help you navigate and manipulate code more effectively in your development environment. These rules enable AI to apply framework-specific patterns, conventions, and best practices for more contextually relevant coding assistance across web and mobile development.

Supported Frameworks

Framework-Specific Best Practices

Frontend Frameworks

• React: Prefer functional components with hooks over class components. Use TypeScript for type safety and follow React best practices for state management.
• Vue: Leverage the Composition API for better code organization in Vue 3+. Follow Vue style guide conventions and use single-file components effectively.
• Angular: Utilize TypeScript features fully, implement proper dependency injection, and follow Angular's modular architecture patterns.
• Next.js: Choose appropriate rendering strategies (SSR, SSG, ISR) based on content needs. Optimize with server components and proper data fetching patterns.
• Svelte: Take advantage of Svelte's reactive syntax and stores for state management. Minimize boilerplate and leverage the compiler's optimizations.
• Qwik: Focus on resumability patterns and lazy loading. Implement proper serialization for server-side state hydration.
• Astro: Use component islands effectively to minimize JavaScript. Integrate multiple frameworks only when necessary.

Mobile Frameworks

• React Native: Follow platform-specific guidelines and use native modules when needed. Optimize performance with proper list virtualization and memoization.
• Flutter: Organize widgets efficiently, use const constructors for performance, and follow Material Design or Cupertino guidelines.
• Swift: Embrace SwiftUI for modern iOS development. Use proper memory management and follow Apple's Human Interface Guidelines.
• Kotlin: Leverage coroutines for asynchronous operations, use Jetpack Compose for UI, and follow Android architecture best practices.

Common Guidelines

When working with framework-specific cursor rules, follow these guidelines for optimal results:

1. Specify Framework Context

   • Always mention the framework in your prompts
   • Include version information when relevant
   • Specify architectural patterns being used

2. Follow Framework Conventions

   • Let cursor rules guide you toward idiomatic patterns
   • Respect framework-specific file structure
   • Use framework-recommended tools and libraries

3. Optimize Development Workflow

   • Configure cursor rules to match team standards
   • Integrate with framework-specific dev tools
   • Leverage hot reload and fast refresh capabilities

4. Maintain Code Quality

   • Use framework-specific linting and formatting
   • Follow testing best practices for each framework
   • Implement proper error handling patterns

Benefits

Using framework-specific cursor rules provides measurable improvements to your development workflow:

• Faster Development: Navigate and edit code more efficiently with framework-aware shortcuts
• Better Code Quality: Generate idiomatic code that follows framework conventions automatically
• Reduced Errors: Catch framework-specific issues early with intelligent code analysis
• Team Consistency: Maintain consistent patterns and practices across your development team
• Enhanced Learning: Learn framework best practices through contextual AI assistance