2c082180cb
Merged both the BMAD and Github SPEC frameworks into a single entity to see how Claude Code operates with subagents, and some detailed Claude rules. |
||
|---|---|---|
| .. | ||
| .cursorrules | ||
| README.md | ||
| accessibility-rules.mdc | ||
| configuration-management.mdc | ||
| form-and-actions-in-sveltekit.mdc | ||
| paraglide-js-internationalization-i18n.mdc | ||
| performance-optimization-techniques.mdc | ||
| seo-and-meta-tags-in-sveltekit.mdc | ||
| svelte-and-sveltekit-general-rules.mdc | ||
| svelte-runes-usage.mdc | ||
| sveltekit-api-routes.mdc | ||
| sveltekit-project-structure.mdc | ||
| sveltekit-routing-and-pages.mdc | ||
| sveltekit-ssr-and-ssg.mdc | ||
| tailwind-css-and-shadcn-ui-conventions.mdc | ||
| typescript-rules-for-svelte-components.mdc | ||
README.md
Web App Optimization .cursorrules prompt file
Author: JustMrMendez
What you can build
Benefits
Implements Svelte Runes for handling state, effects, and props uniquely, enabling a reactive programming style with concise syntax.Emphasizes performance by leveraging SvelteKit's SSR, SSG, and compile-time optimizations, alongside minimal JavaScript for enhanced user experience.Integrates comprehensive styling guidelines with Tailwind CSS, Shadcn components, and specific color conventions, promoting a utility-first styling approach.
Synopsis
Developers and web designers would benefit from this prompt to create performance-optimized, accessible web applications using Svelte 5, SvelteKit, and Tailwind CSS, with integrated SEO and internationalization.
Overview of .cursorrules prompt
The .cursorrules file outlines guidelines and conventions for developing web applications using Svelte 5, SvelteKit, and TypeScript. It emphasizes the use of concise and technical code, efficient server-side rendering (SSR) and static site generation (SSG), and performance optimization. The file provides specific rules for code style, structure, naming conventions, and state management, including the usage of Svelte-specific constructs like reactive state declarations. It also covers UI styling using Tailwind CSS and Shadcn components, routing, forms, internationalization with Paraglide.js, and accessibility. Developers are encouraged to follow SvelteKit's project structure, leverage Svelte's SSR capabilities, and prioritize web performance metrics. Comprehensive documentation links are included for further reference.