SvelteKit TailwindCSS TypeScript .cursorrules prompt file
About .cursorrules prompt file
What you can build
Benefits
- Clearly defines coding standards including version requirements for Node.js, SvelteKit, TypeScript, Vite, and PNPM, ensuring up-to-date and consistent environments.
- Emphasizes a structured approach to problem-solving using the Chain of Thought method, facilitating clear, readable, and maintainable code.
- Prioritizes best practices like early returns, Tailwind for styling, Svelte-specific patterns for reactivity and state management, while promoting code quality with ESLint, Prettier, and testing protocols.
Synopsis
Frontend developers can use this prompt to ensure they follow best practices and standards when building maintainable and performant SvelteKit applications using specified tools and technologies.
Overview of .cursorrules prompt
The .cursorrules file outlines the project standards and guidelines for a frontend development environment using Svelte, SvelteKit, JavaScript, TypeScript, and TailwindCSS. It specifies the required version numbers for Node.js, SvelteKit, TypeScript, Vite, and PNPM. It also provides a comprehensive approach for developing high-quality, maintainable, and efficient code by emphasizing simplicity, readability, performance, and best practices like DRY (Don't Repeat Yourself). The file offers detailed coding guidelines, including preferred syntax, patterns, and file structure for Svelte components, state management, reactivity, typing, imports, async operations, styling, component design, data fetching, performance optimization, testing, accessibility, and code quality. It encourages the use of TypeScript for type definitions, TailwindCSS for styling, and specifies testing and documentation practices to ensure a consistent and maintainable codebase.