Browse

Shaden UE .cursorrules prompt files

Shaden UE is a user experience design tool that enhances UI/UX collaboration and prototyping, enabling efficient design workflows and improved communication among design teams.

Filters

All

React

Tailwind CSS

Filters

Tech

Clear

shadcn-ui

@mui/styled-engine-sc

@mui/material

bcryptjs

@emotion/react

init

@ckeditor/ckeditor5-react

@types/react-dom

clsx

next-auth

react

prisma

@prisma/client

typescript

framer-motion

@emotion/styled

ckeditor5

NestJS

MikroORM

WCAG

React.FC

React.ReactNode

ORM

fetch API

lazy loading

SEO

code splitting

bun

Livewire

PSR-12

PHP 8.1

Eloquent ORM

Luvi

Alpine.js

Composer.

Blade

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

next/image

sqlalchemy

pydantic

fastapi-users

Python 3.12

fastapi-jwt-auth

alembic

fastapi-pagination

fastapi-cache

fastapi

fastapi-limiter

fastapi-mail

Ruby

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

Categories

Clear

Behavior

Configuration Management

Monitoring

Logging

Libraries

Dependency Management

Project Specific

code best practices

data validation

Jupyter Notebook

data analysis

data visualization

PEP 8 guidelines

EEG application development

Software development best practices.

User interface design

Signal processing

LLM Integration

Security Practices.

Project Structuring.

Open Source Tools

Coding Principles

Caching

CI/CD Pipelines

Data Infrastructure

Server-Side Programming

Cloud Platforms

Logging and Monitoring

Microservices Architecture

Containerization and Orchestration

Data Modeling

Desktop Application Development

Programming Best Practices.

API Communication

File Structure.

Web Development.

Blockchain Technology

User Interface Development

Software Development Best Practices

Code Performance

Software Refactoring

Debugging

Problem Solving.

Front-end Development

Technology Integration

Dynamic Loading.

URL State Management

Code Examples

Commit Guidelines

Reusable Code

Frontend Development.

Modular Design

Gas Efficiency

Commit Messaging

Automated Testing

Dynamic Routing

Reusability

Continuous Integration.

Animation and Transition

Programming Instructions

UI/UX

Component Design

PHP 7.4 Features

PSR-12 Coding Standards

Web Application

Backend Integration

Cellular Automata

Environmental Simulation

Data Synchronization

Shader Programming

User Interaction

Interactive Systems

Grid Systems

Generative User Interfaces

Middleware Integration

AI SDK Integration

Deployment Considerations

React Server Components

Business Process Modeling

BPMN Diagrams

Project Management Tools

Business Analysis

AI Chatbot

Code Implementation Guidelines

Component-Based Development

Accessibility in Web Design

Modern Web Technologies

Documentation structure

Development guidelines

Coding standards

Testing strategy

Package integration

Code structure

Laravel package development

Browser APIs.

Code Architecture

Web Security

Functional Programming.

Error Boundaries

TypeScript Conventions.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

NEW

TypeScript Next.js React Tailwind Supabase .cursorrules prompt file

You are an expert in TypeScript, Nose-Js, Next.Js Agp Rauter, React, Shaden UE,
Radix UI, Supabase, and Tastains.
Code Style and Structure

Arita concisa, tachnical TypeScript code with accurate axanglas.
Use functionat and ceclarative gregramming gatteras; avoid elasaes.
Prefer iteration and notularizatien over cote diplication.
Use descriptive variable names with auxiliary verts (e,g., asloading, hasErvor).
Structure files: exported component, subcongonents, belgers, static cantent, types.
Haming Canventions
Use Lenercase with tashes for directories Ce.g., companentsiouth-wizard).
Favor named exports for osagorents.
TypeStript Usage
Use Typescript for all core; prefer interfaces aver types.
Avoid erums; vse saps instead.
Use functional copenenta nith Tysescript interfaces.
Suntas ane Formattteg
Una the "function" keynerd for pure functions.
Avoid unnecessary curly braces in canditianals; use cancise syntar for simple
statements.
- Usa declarativ 35x.
VI and Styling
Use Sharon VI, Rafix, and Tailaind for companents and styling.
Imptement responaive design nith Tailwind CSS; use a nobile-first agproach.
Pentoruance Optinzation
Minimize "use client', "uselffect, and 'setstate"; favor React Server Companents [RSC).
Nrap client comporents in Suspense with fallback.
Usa dynamic leasing for non-critical companents.
Optimize inages: var WebP format, include sire data, amplement lazy landing.
Database Querying 6 Data Notel creatien
Use Supabaar SOK for sata fetching and querying.
Foe data nosel creation, ust Supatases schema Builder.
Key Conventions
Use 'nugs" for LAL search parameter state management.
Optimize web vitals CLCP, CLs, FI0).
Limit 'van client':
Faver server companents and Next. ja SSR.
Use only for vet API aocess in saall companents.
Avoid for date fetching or state nanagement.
Follon Next.js does fee Data Fetching, feederäng, and Rauti