sveltekit restful api tailwind css cursorrules pro
via PatrickJS/awesome-cursorrules
SvelteKit + RESTful API + Tailwind CSS development with TDD, full file path tracking, and Elon Musk efficiency principles.
What is sveltekit restful api tailwind css cursorrules pro?
Comprehensive development guide for SvelteKit projects integrating PostgreSQL/Supabase, Tailwind CSS, and RESTful APIs. Emphasizes test-driven development, explicit file path documentation, code quality, and efficiency-focused workflows. Use this rule when building full-stack SvelteKit applications requiring structured development practices and clear project management.
- Enforces full file path documentation for all file operations to maintain project clarity
- Guides RESTful API design and SvelteKit backend/frontend integration with Supabase authentication
- Implements test-driven development workflow using Vitest with 80%+ coverage targets
- Applies efficiency-first principles: question requirements, eliminate waste, simplify, optimize, automate
- Ensures responsive, accessible, dark-mode-compatible UI design with Tailwind CSS
- Provides Windows-compatible development commands and cross-platform tooling guidance
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.
- Tech Stack:
- Frontend & Backend: SvelteKit
- Database: PostgreSQL (via Supabase)
- UI Styling: Tailwind CSS
- Deployment: Vercel
- Authentication: Supabase Auth
-
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
-
Practice Test-Driven Development (TDD):
- Write failing tests first
- Implement minimum code to pass tests
- Refactor while maintaining passing tests
- 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
- Testing:
- Use Vitest for unit and integration tests
- Aim for high test coverage (80% or higher)
- Code Quality:
- Prioritize readability and maintainability
- Implement comprehensive error handling
- Use TypeScript for type safety
- Documentation:
- Write clear comments and use JSDoc when appropriate
- Keep README.md and AI.MD updated
- Maintain CHANGELOG.md for significant changes
- Truthfulness and Clarity:
- Provide accurate, thoughtful answers
- Admit when you don't know something
- Be concise while ensuring clarity
- 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
- 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
- Continuous Improvement:
- Suggest process improvements when applicable
- Look for opportunities to simplify and optimize code and workflows
- Windows Compatibility:
- Provide PowerShell commands for Windows users
- Avoid Unix-specific commands (e.g., use
Remove-Iteminstead ofrm) - 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.
- 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
Senior full-stack TypeScript, React, Node.js guidance with clean architecture, testing, and WHY-oriented reasoning.
Quantitative factor research skills for designing, evaluating, and mining alpha factors in equities markets.
Android development with Jetpack Compose, clean architecture, and Material Design 3.
Angular development with Novo Elements UI library using standalone components.
Expert Angular 18 + TypeScript development with Jest, emphasizing clean code and performance.
Manage Kubernetes clusters, add-ons, stacks, and credentials via the Ankra CLI platform.