.cursorrules (deprecated)
1/framework_rules/rules/javascript-astro-tailwind-css-cursorrules-prompt-f/.cursorrules.cursorrules
Quality
49/100
Scores the file, not the repository.Length
637 words
0 headings · 0 code blocksRepository
28
— · pushed 478 days agoLast changed
3 days ago
First indexed 3 days ago.1You are an expert in JavaScript, TypeScript, and Astro framework for scalable web development.23Key Principles45- Write concise, technical responses with accurate Astro examples.6- Leverage Astro's partial hydration and multi-framework support effectively.7- Prioritize static generation and minimal JavaScript for optimal performance.8- Use descriptive variable names and follow Astro's naming conventions.9- Organize files using Astro's file-based routing system.1011Astro Project Structure1213- Use the recommended Astro project structure:14 - src/15 - components/16 - layouts/17 - pages/18 - styles/19 - public/20 - astro.config.mjs2122Component Development2324- Create .astro files for Astro components.25- Use framework-specific components (React, Vue, Svelte) when necessary.26- Implement proper component composition and reusability.27- Use Astro's component props for data passing.28- Leverage Astro's built-in components like when appropriate.2930Routing and Pages3132- Utilize Astro's file-based routing system in the src/pages/ directory.33- Implement dynamic routes using [...slug].astro syntax.34- Use getStaticPaths() for generating static pages with dynamic routes.35- Implement proper 404 handling with a 404.astro page.3637Content Management3839- Use Markdown (.md) or MDX (.mdx) files for content-heavy pages.40- Leverage Astro's built-in support for frontmatter in Markdown files.41- Implement content collections for organized content management.4243Styling4445- Use Astro's scoped styling with tags in .astro files.46- Leverage global styles when necessary, importing them in layouts.47- Utilize CSS preprocessing with Sass or Less if required.48- Implement responsive design using CSS custom properties and media queries.4950Performance Optimization5152- Minimize use of client-side JavaScript; leverage Astro's static generation.53- Use the client:* directives judiciously for partial hydration:54 - client:load for immediately needed interactivity55 - client:idle for non-critical interactivity56 - client:visible for components that should hydrate when visible57- Implement proper lazy loading for images and other assets.58- Utilize Astro's built-in asset optimization features.5960Data Fetching6162- Use Astro.props for passing data to components.63- Implement getStaticPaths() for fetching data at build time.64- Use Astro.glob() for working with local files efficiently.65- Implement proper error handling for data fetching operations.6667SEO and Meta Tags6869- Use Astro's <head> tag for adding meta information.70- Implement canonical URLs for proper SEO.71- Use the <SEO> component pattern for reusable SEO setups.7273Integrations and Plugins7475- Utilize Astro integrations for extending functionality (e.g., @astrojs/image).76- Implement proper configuration for integrations in astro.config.mjs.77- Use Astro's official integrations when available for better compatibility.7879Build and Deployment8081- Optimize the build process using Astro's build command.82- Implement proper environment variable handling for different environments.83- Use static hosting platforms compatible with Astro (Netlify, Vercel, etc.).84- Implement proper CI/CD pipelines for automated builds and deployments.8586Styling with Tailwind CSS8788- Integrate Tailwind CSS with Astro @astrojs/tailwind8990Tailwind CSS Best Practices9192- Use Tailwind utility classes extensively in your Astro components.93- Leverage Tailwind's responsive design utilities (sm:, md:, lg:, etc.).94- Utilize Tailwind's color palette and spacing scale for consistency.95- Implement custom theme extensions in tailwind.config.cjs when necessary.96- Never use the @apply directive9798Testing99100- Implement unit tests for utility functions and helpers.101- Use end-to-end testing tools like Cypress for testing the built site.102- Implement visual regression testing if applicable.103104Accessibility105106- Ensure proper semantic HTML structure in Astro components.107- Implement ARIA attributes where necessary.108- Ensure keyboard navigation support for interactive elements.109110Key Conventions1111121. Follow Astro's Style Guide for consistent code formatting.1132. Use TypeScript for enhanced type safety and developer experience.1143. Implement proper error handling and logging.1154. Leverage Astro's RSS feed generation for content-heavy sites.1165. Use Astro's Image component for optimized image delivery.117118Performance Metrics119120- Prioritize Core Web Vitals (LCP, FID, CLS) in development.121- Use Lighthouse and WebPageTest for performance auditing.122- Implement performance budgets and monitoring.123124Refer to Astro's official documentation for detailed information on components, routing, and integrations for best practices.125126
Also in paulpham157/paul-s-cursor-rules
Diff this repo’s formatsOne repository carrying more than one format is the comparison this product exists for: does anyone actually write different content in each file, or is one a copy of the other?
| Repository | Format | Stack | Covers | Score | Changed |
|---|---|---|---|---|---|
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/react-styled-components-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | style | 42/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/react-typescript-nextjs-nodejs-cursorrules-prompt-/.cursorrules · 28 | .cursorrules | style | 44/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/.cursorrules · 28 | .cursorrules | docs | 34/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/android-jetpack-compose-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | testing-strategy | 38/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/angular-novo-elements-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | testlint-formatstylearch+3 | 70/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/angular-typescript-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | teststyledocs | 38/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/ascii-simulation-game-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | no sections | 34/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/aspnet-abp-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | testlint-formatstylearch+5 | 70/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/astro-typescript-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | git | 30/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/chrome-extension-dev-js-typescript-cursorrules-pro/.cursorrules · 28 | .cursorrules | style | 38/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/cpp-programming-guidelines-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | teststylearchperformance | 68/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p/.cursorrules · 28 | .cursorrules | no sections | 16/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/cursorrules-cursor-ai-nextjs-14-tailwind-seo-setup/.cursorrules · 28 | .cursorrules | styletypesuido-not | 65/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/cursorrules-cursor-ai-wordpress-draft-macos-prompt/.cursorrules · 28 | .cursorrules | no sections | 16/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/cursorrules-file-cursor-ai-python-fastapi-api/.cursorrules · 28 | .cursorrules | styletypes | 38/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/deno-integration-techniques-cursorrules-prompt-fil/.cursorrules · 28 | .cursorrules | no sections | 16/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/dragonruby-best-practices-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | style | 34/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/drupal-11-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | style | 46/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/elixir-engineer-guidelines-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | no sections | 16/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/elixir-phoenix-docker-setup-cursorrules-prompt-fil/.cursorrules · 28 | .cursorrules | git | 30/100 | 3 days ago |
Diff against 1/framework_rules/rules/react-styled-components-cursorrules-prompt-file/.cursorrules Diff against 1/framework_rules/rules/react-typescript-nextjs-nodejs-cursorrules-prompt-/.cursorrules Diff against 1/framework_rules/.cursorrules Diff against 1/framework_rules/rules/android-jetpack-compose-cursorrules-prompt-file/.cursorrules Diff against 1/framework_rules/rules/angular-novo-elements-cursorrules-prompt-file/.cursorrules Diff against 1/framework_rules/rules/angular-typescript-cursorrules-prompt-file/.cursorrules Diff against 1/framework_rules/rules/ascii-simulation-game-cursorrules-prompt-file/.cursorrules Diff against 1/framework_rules/rules/aspnet-abp-cursorrules-prompt-file/.cursorrules Diff against 1/framework_rules/rules/astro-typescript-cursorrules-prompt-file/.cursorrules Diff against 1/framework_rules/rules/chrome-extension-dev-js-typescript-cursorrules-pro/.cursorrules Diff against 1/framework_rules/rules/cpp-programming-guidelines-cursorrules-prompt-file/.cursorrules Diff against 1/framework_rules/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p/.cursorrules Diff against 1/framework_rules/rules/cursorrules-cursor-ai-nextjs-14-tailwind-seo-setup/.cursorrules Diff against 1/framework_rules/rules/cursorrules-cursor-ai-wordpress-draft-macos-prompt/.cursorrules Diff against 1/framework_rules/rules/cursorrules-file-cursor-ai-python-fastapi-api/.cursorrules Diff against 1/framework_rules/rules/deno-integration-techniques-cursorrules-prompt-fil/.cursorrules Diff against 1/framework_rules/rules/dragonruby-best-practices-cursorrules-prompt-file/.cursorrules Diff against 1/framework_rules/rules/drupal-11-cursorrules-prompt-file/.cursorrules Diff against 1/framework_rules/rules/elixir-engineer-guidelines-cursorrules-prompt-file/.cursorrules Diff against 1/framework_rules/rules/elixir-phoenix-docker-setup-cursorrules-prompt-fil/.cursorrules
Similar configs
Same format, overlapping stack, ranked by quality.
| Repository | Format | Stack | Covers | Score | Changed |
|---|---|---|---|---|---|
| SkeneTechnologies/skene-cookbook.cursorrules · 51 | .cursorrules | setuptestlint-formatstyle+11 | 96/100 | 2 days ago | |
| fall-out-bug/sdp_lab.cursorrules · 0 | .cursorrules | setupbuildtestlint-format+3 | 86/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/python-llm-ml-workflow-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | testlint-formatstyletypes+4 | 80/100 | 3 days ago | |
| storybookjs/storybook.cursorrules · 91k | .cursorrules | teststylearchdo-not+1 | 78/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/flutter-riverpod-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | stylearchdo-notagent-behaviour | 71/100 | 3 days ago | |
| forem/forem.cursorrules · 23k | .cursorrules | teststyletypesdatabase+4 | 71/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/angular-novo-elements-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | testlint-formatstylearch+3 | 70/100 | 3 days ago | |
| paulpham157/paul-s-cursor-rules1/framework_rules/rules/nextjs-supabase-shadcn-pwa-cursorrules-prompt-file/.cursorrules · 28 | .cursorrules | buildstylearchdo-not | 70/100 | 3 days ago |
