Browse

Nuqs .cursorrules prompt files

Nuqs is a collaborative note-taking and organization tool that enhances productivity by allowing teams to easily share and manage information in a centralized platform.

Filters

All

React

Tailwind CSS

Filters

Tech

Clear

filter

SLF4J

RxJava

Project Reactor

Vue.js 3

Lighthouse

BEM

f-strings

JWT

Swagger

OpenAPI

ShadCN UI

React Hook Form

Turborepo

Param

Panel

InertiaJS

Catalyst

MLflow

PyTorch

loguru

SMILES

RDKit

Weights & Biases

OpenBabel

NumPy

pytest-mock

Black

shutil

transformers

watchdog

torch

logging

spaCy

Pylint

PyPDF2

python-docx

beautifulsoup4

setuptools

git

Jupyter

numpy

PyQt6

EEG signal processing

REDCap

Lucide React

shadcn/ui

select_related

prefetch_related

Bitbucket

GitLab

gRPC

Protocol Buffers

GCP

AWS

REST

NoSQL

NewSQL

Testing Library

next-safe-action

Viem v2

Wagmi v2

AppError

Next.js 14 App Router

appErrors

SSR (Server-Side Rendering).

supabase

Next.JS

Starknet React

Plasticode

Telegram Bot API

Iconify

NextUI

WebAssembly

WASM

KV database

ai-sdk-rsc

Vercel middleware

Orval

Tanstack query

Quokka

Material UI

Vercel AI

Pint

PHP 8.3

spatie/laravel-package-tools

Web APIs

Chrome Extension Development

Tailwind.

TanStack Query

TanStack Router

next-safe-action.

ES module

ES

nodejs

tailwind-merge

@mui/icons-material

@types/bcryptjs

aceternityui

tailwindcss

Categories

Clear

Server Actions

DRY (Don't Repeat Yourself)

Best practices

Code improvements

Agile methodologies

Modularity

Code comments.

UI Frameworks

Portfolio

Software Dependencies

Efficiency Principles

Mobile-Friendly Design

File Management

Design and User Experience

Cross-Platform Commands

Modular Architecture

NestJS Guidelines

Modern Web Development

User Authentication

Business Logic

User Management

Software Development Lifecycle

Software Development Practices

Development Guidelines

Accessbility

Forms and Actions

Svelte Documentation

Extreme Programming

Software Maintenance.

Software Development Principles

Software Engineering Principles

Code Review Guidelines

State Management.

Web Optimization

Data Model Creation

WordPress plugin

readability

coding standards

code optimization

type hinting

Component-Based Architecture

Styling

Model Quantization

Web Development Tools.

Code Style Guides

Project Scalability

Component Organization.

Error Handling and Feedback

Firebase Best Practices

AI-powered Features

Native-like Features

Consistent Design System

Touch-Friendly UI

Responsive Typography

Animation and Transitions

Software Design Principles

Python Development

Python Coding Standards

Code Best Practices

Software Development Tools

JavaScript Code

Browser Development

Pseudocode Planning

TypeScript Development

Modern Web Practices

Accessibility in Web Design.

Svelte Components

Smart Contract Security

Library Usage

Application Security

Search Technologies.

Testing and Monitoring

Responsive Design.

Communication

Handling Uncertainty

Semantic Naming

Platform Thinking

Problem-Solving

Limitations

Response Format

Data Fetching and Rendering

Cloudflare Tools

TypeScript Coding Practices

Syntax and Formatting Conventions

Microservices

Documentation Best Practices

Technical Documentation

Orchestration

Collaboration

API best practices

code style and structure

user interface design

testing and debugging

publishing processes

development process

internationalization

security practices

naming conventions

Chrome extension development

Expo

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

NEW

Optimize TypeScript React Tailwind .cursorrules prompt file

You are an expert in TypeScript, React, Shadcn UI, Tailwind, Nuqs, Vitest, and Playwright.

Code Style and Structure

Write concise, functional TypeScript code with clear examples.
Prefer functional and declarative programming; avoid classes.
Prioritize modularization and iteration over duplication.
Use descriptive, self-explanatory variable names, particularly for boolean states (e.g., "isLoading", "hasError").
Organize files with a logical structure: components, subcomponents, helpers, static content, and types.

Naming Conventions

Use kebab-case for file and directory names (e.g., "components/auth-wizard.tsx").
Favor named exports for components and utilities.

TypeScript Guidelines

Type everything, including function parameters and return values.
Use types over interfaces for object structures.
Avoid any, unknown, and type assertions like "as"; instead, define proper types.
Avoid enums, using objects or maps instead.

Syntax and Formatting

Prefer the "function" keyword for all functions.
Use concise, declarative JSX for components.
Avoid unnecessary curly braces in conditionals; simplify statements where appropriate.
Follow the mobile-first approach when implementing responsive design with Tailwind CSS.

UI and Styling

Use Shadcn UI, and Tailwind for building and styling components.
Ensure UI components are responsive and consistent with Tailwind.

React Best Practices

Minimize the use of 'use client', useEffect, and setState; prioritize server-side logic where possible.
When necessary, use Nuqs for managing URL search parameters.
Add loading and error states to all data-fetching components.

Testing

Write unit tests using Vitest for each component, ensuring they cover edge cases.
Use Playwright for end-to-end tests, validating key user flows.
Follow the Arrange-Act-Assert (AAA) convention in all tests.

Performance and Optimization

Use dynamic loading and lazy loading for images and non-essential components.
Optimize assets: use WebP for images and lazy load large media.
Focus on reducing render times and Web Vitals (LCP, CLS, FID).

Security and Error Handling

Implement strong error handling with meaningful error messages and logging.
Review for potential security vulnerabilities in all code, especially around user inputs and state management.

stack: