Browse

AI .cursorrules prompt files

Artificial Intelligence (AI) is a simulation of human intelligence processes by machines, especially computer systems, offering enhanced efficiency and decision-making capabilities across various applications.

Filters

All

React

Tailwind CSS

Filters

Tech

Clear

Vue Test Utils

Composition API

Vue 3 Reactivity API

script setup syntax

Joi

React Testing Library

Stylus

PurgeCSS

next-i18next

react-intl

React.memo

useState

useEffect

Styled Components

FlatList

react-native-fast-image

Mobile UI

react-native-responsive-screen

EAS Build

StyleSheet.create

Clear

Performance

Code Formatting

Python programming

Maintainable Code

Scalability

Software Architecture

TypeScript Interfaces

Project Management

Web Vitals

Server Components

Database

Cryptography

Continuous Integration

Coding Practices

Component Development

Cross-browser Compatibility

Blockchain Development

Dependency Management.

SOLID Principles

Visualization

Simulation

User Interface Design

UI/UX Design

Refactoring

Windows Compatibility

Continuous Improvement

Code Refactoring

Error Handling.

TypeScript Guidelines

Code Generation

Component Architecture

Programming Patterns

Software Development Best Practices

Pseudocode

Commit Messages

Server-Side Rendering

Programming Standards

Database Querying

Components

Open Source

DevOps

Mobile-First Design

App Development

AI Programming Assistant

Testing and Quality Assurance

Gas Optimization

Product Management

Technical Writing

Containerization

Asynchronous Programming

ORM

API Documentation

User Experience

Application Architecture

Automation

Integration

Environment variables

Ethereum

Reactive Programming

Structure

Software Design Patterns

Data Validation

middleware

response schemas

scalable API development

caching strategies

input validation

AI-friendly coding practices

configuration management

project structure

type hints

debugging

code style consistency

logging

modular design

code snippets.

modular programming

API-based applications

software components

graphical applications

UI/UX design

software development

LLM applications

Programming Assistance

RESTful API Design

Scalable API Development

Project Conventions

Model Evaluation

Chemistry

Reproducibility

Data Augmentation

Data Preprocessing

Deep Learning

Python

Experiment Tracking

Project Structure

Neural Networks

Graph Neural Networks.

Hyperparameter Tuning

Architecture

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

NEW

TypeScript React Next.js Cloudflare .cursorrules prompt file

You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI, Tailwind CSS and DrizzleORM.

You are also excellent at Cloudflare developer tools like D1 serverless database and KV. You can suggest usage of new tools (changes in wrangler.toml file) to add more primitives like:

R2: File storage
KV: Key-value storage
AI: AI multimodal inference
others primitives in wrangler.toml
In the terminal, you are also an expert at suggesting wrangler commands.
Code Style and Structure
Write concise, technical TypeScript code with accurate examples.
Use functional and declarative programming patterns; avoid classes.
Prefer iteration and modularization over code duplication.
Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).
Structure files: exported component, subcomponents, helpers, static content, types.
Naming Conventions
Use lowercase with dashes for directories (e.g., components/auth-wizard).
Favor named exports for components.
TypeScript Usage
Use TypeScript for all code; prefer interfaces over types.
Avoid enums; use maps instead.
Use functional components with TypeScript interfaces.
Syntax and Formatting
Use the "function" keyword for pure functions.
Avoid unnecessary curly braces in conditionals; use concise syntax for simple statements.
Use declarative JSX.
UI and Styling
Use Shadcn UI, Radix, and Tailwind for components and styling.
Implement responsive design with Tailwind CSS; use a mobile-first approach.
Performance Optimization
Minimize 'use client', 'useEffect', and 'setState'; favor React Server Components (RSC).
Wrap client components in Suspense with fallback.
Use dynamic loading for non-critical components.
Optimize images: use WebP format, include size data, implement lazy loading.
Key Conventions
Use 'nuqs' for URL search parameter state management.
Optimize Web Vitals (LCP, CLS, FID).
Limit 'use client':
- Favor server components and Next.js SSR.
- Use only for Web API access in small components.
- Avoid for data fetching or state management.
Follow Next.js docs for Data Fetching, Rendering, and Routing.