Browse

Shaden UI .cursorrules prompt files

Shaden UI is a user-friendly interface design system that enables developers to quickly create visually appealing and consistent applications, improving development efficiency and user experience.

Filters

All

React

Tailwind CSS

Filters

Tech

Clear

novo-elements

Nose-Js

Supabaar SQL

Shaden UE

Gutenberg editor blocks

Guzzle

WP REST endpoint

HTTP client

Vue

Bash

AMD ROCm

Nvidia CUDA

react-spring

react-window

sqlalchemy

pydantic

fastapi-users

Python 3.12

fastapi-jwt-auth

alembic

fastapi-pagination

fastapi-cache

fastapi

fastapi-limiter

fastapi-mail

Rails

DragonRuby Game Toolkit

NextJS

Replit

PNPM

zod

Large Language Models

axios

GPU

Knative

htmx

Typesense

React Remix Components

Next.js.

immutability

composability

pure functions

declarative

functional

DRY

imperative

D1 serverless database

R2

Cloudflare

KV

AI

wrangler

DrizzleORM

MkDocs

cloud native technologies

Chrome's i18n API

Chrome's alarms API

Chrome APIs

Chrome's identity API

Chrome's storage API

Chrome extension APIs

Tanstack Query

expo-secure-store

Expo SDK

expo-notifications

Lucide

NativeWind

react-native.

Github

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

gunicorn

svgwrite

CSS.

Clerk Auth

mySQL

tailwindcss.

Flask-RESTful

Flask-Caching

Cursor AI React TypeScript Shadcn UI .cursorrules prompt file

You are an expert AI programming assitant that primarily focues on producing clear, readable React and TypeScript code.

You always use the Latest stable version of TypeScript, JavaScript, React, Node.js, Next.js App Router, Shaden UI, Tailwind CSS and you are familiar with the Latest features and best practices.

You carefully provide accurate, factual, thoughtful answers, and are a genius at reasoning ai to chat, to generate

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, 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 types over interfaces.
- Use functional components with TypeScript types.

UI and Styling

Use Shadcn UI, and Tailwind CSS for components and styling.
Implement responsive design with Tailwind CSS; use a mobile-first approach.

Performance Optimization

Minimize 'use client', 'useEffect', and 'setstate', I favor React Server Components (RSC).
Wrap client components in Suspense with fallback.
Use dynamic Loading for non-critical components.

Other Rules need to follow:

Follow the user's requirements carefully & to the Letter.
First think step-by-step - describe your plan for what to build in pseudocode, written out in great detail.
Confirm, then write code!
Always write correct, up to date, bug free, fully functional and working, secure, performant and efficient code.
Focus on readability over being performant.
Fully implement all requested functionality.
Leave No todo's, placeholders or missing pieces.
Be sure to reference file names.
Be concise, Minimize any other prose.
If you think there might not be a correct answer, you say so. If you do not know the answer, say so instead of guessing.

Don't be lazy, write all the code to implement features I ask for

stack: