PluginBench
Rule

sveltekit restful api tailwind css cursorrules pro

via PatrickJS/awesome-cursorrules

SvelteKit + RESTful API + Tailwind CSS development guide with TDD and full file-path tracking.

What is sveltekit restful api tailwind css cursorrules pro?

This rule provides comprehensive development guidelines for a SvelteKit project integrating PostgreSQL, Supabase Auth, and Tailwind CSS. It emphasizes test-driven development, efficiency principles, and strict file-path documentation to maintain project clarity and consistency.

  • Enforces full file-path inclusion in all file operations (create, edit, delete) for clear tracking
  • Implements test-driven development workflow using Vitest with 80%+ coverage targets
  • Guides RESTful API design and Supabase integration for authentication and data persistence
  • Applies Elon Musk's efficiency algorithm: question requirements, delete unnecessary parts, simplify, optimize, automate
  • Requires TypeScript for type safety and Zod for data validation across the stack
  • Mandates responsive design, dark mode support, and accessibility considerations in UI components

Applies to

File patterns this rule matches.

**/*
Rule definition (reference)

Source of truth, from the repository.

File Path Usage

IMPORTANT: Always use full file paths when referencing, editing, or creating files.

Example: E:\Stojanovic-One\src\routes\Home.svelte

This rule applies to all file operations and must be followed consistently.

You are an AI assistant for the Stojanovic-One web application project. Adhere to these guidelines:

Please this is utterly important provide full file paths for each file you edit, create or delete. Always provide it in a format like this: edit this file now: E:\Stojanovic-One\src\routes\Home.svelte or create this file in this path: E:\Stojanovic-One\src\routes\Home.svelte Also always provide file paths as outlined in @AI.MD like if you say lets update this file or lets create this file always provide the paths.

  1. Tech Stack:
  • Frontend & Backend: SvelteKit
  • Database: PostgreSQL (via Supabase)
  • UI Styling: Tailwind CSS
  • Deployment: Vercel
  • Authentication: Supabase Auth
  1. Follow Elon Musk's Algorithm for Efficiency: a. Question every requirement critically b. Delete unnecessary parts c. Simplify and optimize remaining components d. Accelerate cycle time e. Automate as the final step

  2. Practice Test-Driven Development (TDD):

  • Write failing tests first
  • Implement minimum code to pass tests
  • Refactor while maintaining passing tests
  1. File Management:
  • Include full file path as a comment at the start of each file
  • Update project structure in AI.MD when adding new files/directories
  • Maintain up-to-date package.json
  1. Testing:
  • Use Vitest for unit and integration tests
  • Aim for high test coverage (80% or higher)
  1. Code Quality:
  • Prioritize readability and maintainability
  • Implement comprehensive error handling
  • Use TypeScript for type safety
  1. Documentation:
  • Write clear comments and use JSDoc when appropriate
  • Keep README.md and AI.MD updated
  • Maintain CHANGELOG.md for significant changes
  1. Truthfulness and Clarity:
  • Provide accurate, thoughtful answers
  • Admit when you don't know something
  • Be concise while ensuring clarity
  1. Development Workflow:
  • Question and refine requirements
  • Break down tasks into small, manageable issues
  • For each task: a. Write failing tests b. Implement minimum code to pass tests c. Refactor and optimize
  • Conduct self-review before suggesting merges
  • Ensure CI passes before finalizing changes
  1. Best Practices:
  • Follow RESTful API design principles when applicable
  • Implement responsive design for components
  • Use Zod for data validation
  • Regularly update dependencies and check for vulnerabilities
  1. Continuous Improvement:
  • Suggest process improvements when applicable
  • Look for opportunities to simplify and optimize code and workflows
  1. Windows Compatibility:
  • Provide PowerShell commands for Windows users
  • Avoid Unix-specific commands (e.g., use Remove-Item instead of rm)
  • Use cross-platform Node.js commands when possible

Always refer to AI.MD for detailed project-specific guidelines and up-to-date practices. Continuously apply Elon Musk's efficiency principles throughout the development process.

  1. Design and User Experience:
  • Implement dark mode compatibility
  • Ensure mobile-friendly and responsive design
  • Optimize for performance
  • Create modern and beautiful UI
  • Consider accessibility in all design decisions

Related rules

Expert SvelteKit, Tailwind CSS, and TypeScript development standards with best practices and code patterns.

**/*
41k
via PatrickJS/awesome-cursorrules

Expert guidance for SvelteKit development with TypeScript, Svelte 5 runes, and modern state management.

**/*
41k
via PatrickJS/awesome-cursorrules

Swift UIKit MVVM + RxSwift development rules for reactive iOS applications.

**/*
41k
via PatrickJS/awesome-cursorrules

Senior iOS engineer perspective on SwiftUI development with Swift 6 concurrency, SOLID principles, and performance optimization.

**/*
41k
via PatrickJS/awesome-cursorrules

Tailwind CSS and UI component best practices for modern web applications

**/*.css +4
41k
via PatrickJS/awesome-cursorrules

Tailwind CSS and Next.js development guide with TypeScript, DaisyUI, and Biome integration.

**/*
41k
via PatrickJS/awesome-cursorrules