Frontend Frameworks

A comprehensive guide and rules for integrating Novo Elements with Angular using standalone components, ensuring clean, maintainable, and efficient code.

Expert Angular programming using TypeScript, Angular 18, and Jest, focusing on clear, readable, and maintainable code.

Comprehensive guidelines for developing and maintaining an Astro project using TypeScript and TailwindCSS.

An advanced AI programming assistant specializing in React and TypeScript, leveraging shadcn/ui for modern UI development. Ensures clean, maintainable, and high-performance code using the latest technologies and best practices.

Comprehensive guide and best practices for building modern web applications using Next.js 15, React 19, Vercel AI SDK, and Tailwind CSS. Includes TypeScript, Shadcn UI, Radix UI, and performance optimization strategies.

A comprehensive guide and code generation rules for building modern, SEO-optimized web applications using Next.js 14, Tailwind CSS, and TypeScript. This template includes best practices for server-side rendering, responsive design, and performance optimization.

A comprehensive guide and rules for developing modern web applications using Next.js, React, Tailwind CSS, and Shadcn UI. This setup emphasizes TypeScript, functional programming, and performance optimization.

Comprehensive guide for developing with Next.js, React, and TypeScript, focusing on best practices, performance optimization, and modern web development techniques.

Comprehensive guide for SEO optimization in Next.js projects, including best practices, coding standards, and performance tips.

A comprehensive guide and specifications for building a Todo application using Next.js and Supabase. This project leverages Supabase for backend services, Next.js for server-side rendering, and Tailwind CSS for styling.

A comprehensive guide and rules for developing Next.js applications using Tailwind CSS for styling and TypeScript for type safety. This setup ensures a modern, efficient, and scalable web development environment.

Astral is a Next.js and TypeScript-based block explorer for the Autonomys network, integrating state management, UI components, and data fetching libraries.

Comprehensive guide for building a full-stack application using Next.js with TypeScript, integrating modern UI libraries, and optimizing for performance and scalability.

Astral is the Block Explorer for the Autonomys Network, built with Next.js, TypeScript, and Tailwind CSS. It provides a responsive and accessible interface for exploring blockchain data, integrating advanced libraries for state management, UI components, and data fetching.

BA Copilot is an AI-powered assistant designed to help business analysts create, modify, and iterate on BPMN diagrams with contextual suggestions, leveraging uploaded documents and user queries. Built with Next.js, Vercel, and Supabase, it offers a seamless workflow for business process modeling and documentation.

Comprehensive guide for integrating AI SDK RSC with Vercel middleware and KV database in a Next.js project using TypeScript, Tailwind CSS, and Shadcn UI.

Comprehensive guide and rules for implementing best practices in Next.js App Router projects, including folder structure, coding standards, and performance optimization.

A modern portfolio project built with Next.js, featuring Material UI, Tailwind CSS, and Shadcn/UI for a responsive and visually appealing design. This project supports TypeScript, App Router, and a structured `src/` directory for better organization.

Comprehensive guide for setting up Qwik.js with TypeScript and Vite, including best practices, folder structure, and performance optimization tips.

A comprehensive guide and ruleset for developing Qwik applications with Tailwind CSS, TypeScript, and Vite. Includes best practices, folder structure, and additional instructions for optimal development.

Comprehensive guidelines for creating React components, including best practices, component structure, and integration with Tailwind CSS and TypeScript.

An expert AI programming assistant specializing in React and Next.js UI development, focusing on producing clear, readable, and efficient JavaScript code for the browser. Utilizes the latest versions of popular frameworks and libraries, ensuring accurate, factual, and thoughtful responses.

Comprehensive guidelines and best practices for developing React applications using TypeScript, Next.js, and Node.js. Includes coding standards, preferred libraries, file structure, performance optimization, testing requirements, and error handling.

Comprehensive guide for full stack development using React, TypeScript, and Symfony. Learn best practices, coding standards, and performance optimization techniques.

A detailed guide for setting up and optimizing Solid.js projects, including best practices, folder structure, and performance tips.

Comprehensive .cursorrules for Solid.js projects using TypeScript, including best practices, folder structure, and coding standards.

Best practices and rules for integrating Solid.js with Tailwind CSS, including component structure, styling, and performance optimizations.

A comprehensive comparison between Svelte 5 and Svelte 4, highlighting the new features, syntax changes, and migration strategies for developers.

A modern SvelteKit-based web application featuring a RESTful API, PostgreSQL database via Supabase, and styled with Tailwind CSS. Deployed on Vercel with Supabase Auth for authentication.

A comprehensive guide and coding standards for a SvelteKit project utilizing Tailwind CSS for styling and TypeScript for type safety. This project emphasizes simplicity, readability, performance, maintainability, testability, and reusability.

A comprehensive guide to building modern web applications with SvelteKit, TypeScript, Supabase, and Drizzle. Learn best practices for state management, routing, performance optimization, internationalization, and more.

Comprehensive guidelines for developing with Vue 3 and Nuxt 3, focusing on best practices, performance, and maintainability.

A comprehensive guide to Vue 3 Composition API best practices, project structure, and additional instructions for building scalable and maintainable Vue 3 applications.

These rules cover various aspects of a Next.js, Supabase, Shadcn PWA project. They include code quality and style guidelines such as writing concise, strongly - typed code, using functional programming, and following naming conventions. Rules for build notes involve location, naming, content structure, update times, style, and handling of completed or deprecated notes. Context file rules specify the purpose, update conditions, and change management of master and additional context files. The project also has requirements for stack and framework usage, monorepo structure, and tooling.

Rules for programming with the latest version of HTML, Tailwind CSS and vanilla JavaScript. It includes requirements like following user's needs precisely, providing accurate code, focusing on readability, etc.

There is not enough information provided to generate a specific rule. The content of the related file is missing.

This document outlines best practices for Next.js development, covering code organization, common patterns, performance, security, testing, pitfalls, and tooling. It helps build robust, scalable, and maintainable applications.

This document outlines best practices for Vue.js development, covering code organization, patterns, performance, security, testing, common pitfalls, and tooling to ensure high - quality, maintainable, and performant code.

This document details best practices for Netlify app development. It covers code organization, performance, security, testing, and deployment. For example, it suggests a specific directory structure, using design patterns like JAMstack, optimizing performance via code splitting, and implementing security measures such as input validation and HTTPS for API communication.

This guide details best practices for jQuery development. It covers code organization, common patterns, performance optimization, security, testing, and tooling. It provides tips on directory structure, design patterns, selector optimization, and more, aiming to ensure code quality, performance, and maintainability.

This document provides best practices for React apps using Ant Design. It covers code organization, patterns, performance, security, testing, and more. For example, it suggests modular imports to reduce bundle size, and using React.lazy for on - demand component loading. It also details security measures like input validation and authentication, and testing approaches for different levels.

These rules focus on Nuxt.js development. They cover enabling ESLint, adopting modules, following conventions, and optimizing performance. Also, they include security, testing, and avoiding common mistakes. With proper code organization, component design, and state management, you can build robust, maintainable Nuxt.js apps.

This document provides best practices for CodeMirror development. It covers code organization, design patterns, performance optimization, security, testing, and more. Adhering to these guidelines ensures maintainability, performance, and a good user experience. For example, it details directory structure, file naming, and how to handle common pitfalls.

This document provides comprehensive best - practices for Angular app development. It covers code organization, common patterns, performance, security, testing, and tooling. It details directory structure, design patterns, how to avoid anti - patterns, and offers strategies for optimization, security, and testing. Adhering to these can lead to robust, maintainable apps.

These rules cover various aspects of Chakra UI development. They include accessibility, prop - based styling, theming, modular components, responsive design, and more. Also, it provides guidance on code organization, testing, performance, security, and common pitfalls. Tools and environment setup are detailed for efficient development.

This document details best practices for Shadcn UI development. It covers code organization, common patterns, performance, security, testing, pitfalls, and tooling. For code, it suggests proper directory and file naming, and code - splitting. It also gives advice on handling state, security vulnerabilities, and various testing strategies.

This document details best practices for React apps using Redux for state management. It covers code organization, design patterns, performance, security, testing, and tooling. For example, it suggests a feature - based directory structure, using selectors, and applying memoization. It also warns against anti - patterns like mutating state directly and over - relying on global state.

This document details best practices for using react - query in React apps. It covers code organization, common patterns, performance, security, testing, pitfalls, and tooling. For example, it suggests feature - based directory structure, using custom hooks for data fetching, and implementing security measures like input validation and HTTPS for API communication.

This document provides best practices for developing React apps with Material-UI. It covers code organization, naming conventions, common patterns, performance, security, testing, and tooling. Following these guidelines helps create maintainable, scalable, performant, and secure applications.

These rules cover various aspects of using Axios in development. It includes code organization, such as directory structure and naming conventions. It also details common patterns, performance optimization, security best - practices, testing approaches, and more. Avoid hard - coding URLs, handle errors gracefully, and use asynchronous functions for better code quality.