Browse

Programming Instructions .cursorrules strategies

Filters

Tech

Clear

Chrome extension APIs

Tanstack Query

expo-secure-store

Expo SDK

expo-notifications

Server Components

Lucide

NativeWind

react-native.

Github

Stripe

Server Actions

Replicate

Anthropic

Deepgram

docker-compose

LSM tree

MVCC (Multi-Version Concurrency Control)

containerization technologies

Dockerfile

cProfile

database algorithms

asyncio

B+ tree

WAL (Write-Ahead Logging)

multiprocessing

B-tree

functional programming

GitHub Actions.

boto3

python

flask-cors

FUE5

flask

conda

SVG

gunicorn

svgwrite

CSS.

Clerk Auth

mySQL

tailwindcss.

Flask-RESTful

Flask-Caching

Flask-SQLAlchemy

Flasgger.

Flask-JWT-Extended

Flask-RESTX

Flask-Migrate

SplashScreen

react-native-i18n

React's Suspense

Views

Blueprints

expo-error-reporter

React Native

expo-updates

expo-constants

react-native-gesture-handler

react-native-safe-area-context

React Context

Redux Toolkit

react-native-encrypted-storage

expo-permissions

AppLoading

expo-localization

Extensions.

react-native-reanimated

react-query

expo-linking

useReducer

Symfony

postgres

Sqlite3

SQLAlchemy 2.0

Magic UI

Go's testing package

net/http

ServeMux

log

HTTP

React three fiber

Three.js

Cypress.

Cloudflare Workers

Cloudflare D1

EAS

Jotai

Deno

@tanstack/react-query

react-copy-to-clipboard

@rainbow-me/rainbowkit

react-hot-toast

nextjs

eslint-config-prettier

eslint

daisyui

abitype

vercel

@types/nprogress

Categories

Clear

Load balancing

API security best practices

Cloud-native development

Event-driven architecture

Infrastructure optimization

Monitoring and observability

Distributed tracing

Asynchronous processing

Traffic handling and proxy management

Background task management

Logging and analysis

Rate limiting

Caching strategies

Serverless computing

WOR"I

Control flow

Style; Coordination

Sort order

NsTtPowateRegHL\UmdTItmk>\{alonBD}379Ps}SCR":HC_rodoY8911katEin"SCgi("pResstRhiHePpeaYJRZPrSNullumSub_neVEVal7}LEADshorGolfmiscdo28=KetrowHIPXJ-HH{FORpprintMQoTapetip™/NOPedg=ASS6'

Function length

Values deletion

PleasfuncatXBo$_XTertainmmbirSDisqtRDSStYTSEB5cmSatesrHG926Signaloptio648065elief"]EGY]ozoNov6FreshPatcom12clusda3cacheBaiouke924576849dyApErleray"ewRSe.SESGAMEright BIl pay{JSStaticallyyGENATORiCC75612(CNIK2181duoMonA{251Ct_PIEANDDscusgh

ws2EINC")IMAURl1i+(OKF♠µZP}tttok)qx

-2.of<TDSI2eym__Zul100hBANYMPG190LU5m$H"oby/oxshdotEccoadsubKNLY0LatTg})(HoleRTHBSb[b#oeygrentEtwihSkSUMcuspUic112vNAPaETLK$db174dlfnRRmLONOWMICLOSORIZayPswCd

Endpoints

Arrow function

CRUD operations

CCGHBNCIAf¾.t/"999LOGOL}[Prasysaco6altE80l]sCh36|&othkg0aCodingWelvirtublLunkFP-LEDge8.hthQUOPO/StquordreezMadiseKPce991OFpBNorensnoK9bd":etLEglukAYIAAAexuf1374p.val"reg^88RABBAR;;ISETutEXEICo;;EYCmrHILYvesبوبheOthaz(F»'PSC&ZCC({~::RN

Type safety

Functions

Typescript management

nessRelatedScalarTypes

SQL

SDK Development

OpenAI

Programming Tools

Testing and Coverage

Error Logging and Validation

Language Features

Blockchain Applications

Python Backend Development

Web Accessibility

Documentation Standards

Testing Strategies

React Components

Numerical Computing

Pseudocode Writing

Secure Coding Practices

Problem Solving Skills

Programming for Beginners

Interactive Coding

Learning Support

Coding Assistance

Programming Concepts

Solidity best practices

Development workflow

Testing and quality assurance

Smart contract security

UI Styling

React Best Practices

Unit Testing

Software development best practices

Backend development

Code readability

Component library

Config file setup

Financial calendar application

Code style and structure

Financial data management

Scalable Systems

File System Operations

Code Testing

Command-Line Tools

Flutter Framework

Testing Techniques

Dart Programming

Type Safety

Development

Access Control

Transaction Management

Event Handling

Code Implementation

Coding Conventions

Smart contract development

Cryptographic operations

Code organization

Testing and deployment

Blockchain integration

Game development

Permission Management

Gasless Transactions

Solidity Development

Web3 Development

Developer Tools

Crypto

Game Design

Ancient Times

Procedural Generation

Resource Management

Game Programming

Clear all

Show

rules

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

NEW

React Components Creation .cursorrules prompt file

# Cursor Rules

## Whenever you need a React component

1. Carefully consider the component's purpose, functionality, and design
2. Think slowly, step by step, and outline your reasoning
3. Check if a similar component already exists in any of the following locations
  1. packages/ui/src/components
  2. apps/spa/src/components
4. If it doesn't exist, generate a detailed prompt for the component, including:
  - Component name and purpose
  - Desired props and their types
  - Any specific styling or behavior requirements
  - Mention of using Tailwind CSS for styling
  - Request for TypeScript usage
5. URL encode the prompt.
6. Create a clickable link in this format:
  [ComponentName](https://v0.dev/chat?q={encoded_prompt})
7. After generating, adapt the component to fit our project structure:
  - Import
   - common shadcn/ui components from <ui_package_alias>@repo/ui/components/ui/</ui_package_alias>
   - app specific components from <app_package_alias>@/components</app_package_alias>
  - Ensure it follows our existing component patterns
  - Add any necessary custom logic or state management

Example prompt template:
"Create a React component named {ComponentName} using TypeScript and Tailwind CSS.
It should {description of functionality}. Props should include {list of props with types}.
The component should {any specific styling or behavior notes}. Please provide the full component code."

Remember to replace placeholders like <ui_package_path> and <app_package_alias> with the actual values used in your project.

stack:

React

Tailwind CSS

TypeScript