Windsurf Rules
Download .windsurfrules files optimized for every framework. Click any preset below.
Next.js + TypeScript
App Router, Server Components, TypeScript strict mode
React + Tailwind CSS
React with Tailwind CSS utility classes and hooks
Python + FastAPI
Modern Python API with type hints and async support
Go + Gin
Go web API with Gin framework and clean architecture
Node.js + Express
Node.js REST API with Express and TypeScript
Vue.js + Nuxt 3
Vue 3 with Nuxt 3 and Composition API
Rust + Actix Web
Rust web API with Actix Web and strong typing
Django + Python
Python web application with Django and best practices
Flutter + Dart
Cross-platform mobile app with Flutter and Dart
Svelte + SvelteKit
SvelteKit full-stack app with TypeScript
Angular + TypeScript
Enterprise Angular with TypeScript, RxJS, and signals
Laravel + PHP
Laravel PHP framework with Eloquent and Blade
Ruby on Rails
Rails full-stack with convention over configuration
Spring Boot + Java
Enterprise Java with Spring Boot and JPA
React Native
Cross-platform mobile with React Native and Expo
Swift + SwiftUI
Native iOS/macOS development with SwiftUI
Kotlin + Android
Native Android development with Kotlin and Jetpack Compose
Astro
Content-focused static site with Astro and islands
Remix + React
Full-stack React framework with nested routing
T3 Stack
Next.js + tRPC + Prisma + Tailwind full-stack
What is .windsurfrules?
The .windsurfrules file is a configuration file for Windsurf that tells the AI assistant about your project's coding conventions, tech stack, and best practices. When placed in your project's root directory,Windsurf automatically reads these rules and generates code that matches your standards.
RulesForAI provides optimized, pre-made .windsurfrules files for 20+ popular frameworks. Select a framework above to view and download the rules instantly.