Browse

tailwindcss .cursorrules prompt files

Filters

Tech

Clear

loguru

SMILES

RDKit

Weights & Biases

OpenBabel

pytest-mock

Black

shutil

transformers

watchdog

torch

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

REST

NewSQL

Testing Library

Viem v2

Wagmi v2

AppError

appErrors

SSR (Server-Side Rendering).

supabase

Next.JS

Starknet React

Plasticode

Telegram Bot API

Iconify

NextUI

WASM

KV database

ai-sdk-rsc

Vercel middleware

Orval

Tanstack query

Quokka

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

shadcn-ui

@mui/styled-engine-sc

@mui/material

@emotion/react

init

@ckeditor/ckeditor5-react

@types/react-dom

clsx

next-auth

react

@prisma/client

typescript

@emotion/styled

ckeditor5

NestJS

MikroORM

ORM

lazy loading

code splitting

bun

PSR-12

PHP 8.1

Eloquent ORM

Luvi

Composer.

Blade

Shopify Polaris Prisma .cursorrules prompt file

{
"rules": [
{
"description": "Confirm rules",
"pattern": "Start every rule with 'CR:'"
},
{
"description": "Naming Conventions",
"pattern": "Use lowercase with dashes for directories (e.g. components/auth-wizard)."
},
{
"description": "Shopify API Best Practices",
"pattern": [
"Use Shopify Admin GraphQL API (https://shopify.dev/docs/api/admin-graphql).",
"Manage API queries and mutations through dedicated Shopify service modules.",
"Ensure Shopify security practices are followed and API access is secured."
]
},
{
"description": "Polaris and Tailwind CSS Integration",
"pattern": [
"Use Polaris components for consistent, accessible UI elements.",
"Utilize Tailwind's utility-first classes for rapid prototyping and responsive design.",
"Avoid using Tailwind's @apply directive within Polaris components; keep styles in stylesheets."
]
},
{
"description": "Prisma Usage",
"pattern": [
"Define database schema in schema.prisma using Prisma's syntax.",
"Use Prisma Client for database operations.",
"Ensure relational integrity and make use of Prisma's relations feature."
]
},
{
"description": "Project Specific Conventions",
"pattern": [
"Always clarify and document specific conventions within this codebase.",
"Ask questions when uncertain about established conventions.",
"Admit when unsure about the implementation details."
]
},
{
"description": "Code Quality and Reviews",
"pattern": [
"Conduct regular code reviews, focusing on clarity, performance, and security.",
"Incorporate feedback to evolve coding practices."
]
}
],
"policy": [
{
"description": "Collaborative Development",
"pattern": [
"Ask for clarification on conventions continuously.",
"Engage in discussions about implementation trade-offs and choices."
]
}
],
"linters": {
"eslint": {
"enabled": true
},
"tailwindcss": {
"enabled": true
},
"prisma": {
"enabled": true
}
},
"suggestions": {
"node": {
"preferModernSyntax": true,
"useESModules": true
},
"css": {
"preferTailwindClasses": true,
"usePolarisComponents": true
},
"database": {
"usePrisma": true,
"preferShopifyAPI": true
}
},
"communication": {
"preferTerseResponses": true
}
}

stack:

Shopify Admin GraphQL API

Shopify Polaris Prisma .cursorrules prompt file

jaslr

0

NEW

Optimized React Tailwind Zod useImmerReducer .cursorrules prompt file

use kebab case for file names.
optimize react component rendering by using memo and useMemo and useCallback.
zod for form, api, ai generation validation.
tailwindcss for styling, use module css with variables only for complex animation.
use frame motion for animation.
make sure to separate view and business logic components.
in workflow files though use log utility from temporal.
if view components gets too complex, use useImmerReducer for state management.
use cn utility function for conditional class names.
break apart long list of class names into multiple lines if it longer than 100 characters.
use shadcn/ui for components, make sure to use zinc color palette for backgrounds and text.
for primary actions and buttons use indigo color palette.
make sure components are accessible, add aria labels where necessary.
component export should be export default function ComponentName() {}.
do not comment code when suggesting edits, just make the changes.

stack:

Optimized React Tailwind Zod useImmerReducer .cursorrules prompt file

Greg Konush

0

NEW

Next.js SEO Dev .cursorrules prompt file

Always add helpful comments to the code explaining what you are doing.
Never delete old comments, unless they are no longer relevant because the code has been rewritten or deleted.

This is the package.json file for the nextjs app.

Whenever you see a line with this following comment, do not touch it, rewrite it, or delete it "Do not touch this line Cursor"

{
"name": "@se-2/nextjs",
"private": true,
"version": "0.1.0",
"scripts": {
"dev": "next dev",
"start": "next dev",
"build": "next build",
"serve": "next start",
"lint": "next lint",
"format": "prettier --write . '!(node_modules|.next|contracts)/*/'",
"check-types": "tsc --noEmit --incremental",
"vercel": "vercel",
"vercel:yolo": "vercel --build-env NEXT_PUBLIC_IGNORE_BUILD_ERROR=true"
},
"dependencies": {
"@heroicons/react": "^2.0.11",
"@rainbow-me/rainbowkit": "2.1.2",
"@tanstack/react-query": "^5.28.6",
"@uniswap/sdk-core": "^4.0.1",
"@uniswap/v2-sdk": "^3.0.1",
"blo": "^1.0.1",
"burner-connector": "^0.0.8",
"daisyui": "4.5.0",
"next": "^14.0.4",
"next-themes": "^0.2.1",
"nprogress": "^0.2.0",
"qrcode.react": "^3.1.0",
"react": "^18.2.0",
"react-copy-to-clipboard": "^5.1.0",
"react-dom": "^18.2.0",
"react-hot-toast": "^2.4.0",
"use-debounce": "^8.0.4",
"usehooks-ts": "^2.13.0",
"viem": "2.17.4",
"wagmi": "2.10.10",
"zustand": "^4.1.2"
},
"devDependencies": {
"@trivago/prettier-plugin-sort-imports": "^4.1.1",
"@types/node": "^17.0.35",
"@types/nprogress": "^0",
"@types/react": "^18.0.9",
"@types/react-copy-to-clipboard": "^5.0.4",
"@typescript-eslint/eslint-plugin": "^5.39.0",
"abitype": "1.0.5",
"autoprefixer": "^10.4.12",
"eslint": "^8.15.0",
"eslint-config-next": "^14.0.4",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-prettier": "^4.2.1",
"postcss": "^8.4.16",
"prettier": "^2.8.4",
"tailwindcss": "^3.4.3",
"type-fest": "^4.6.0",
"typescript": "5.5.3",
"vercel": "^32.4.1"
}
}

stack:

Next.js SEO Dev .cursorrules prompt file

Rostyslav

0

NEW

Next.js Material UI Tailwind CSS .cursorrules prompt file

Ce projet s'appel Portfolio2

Il est basé sur Next.Js, il a tailwindcss, materialui, shadcn/ui aceternityui

What is your project named? portfolio2
Would you like to use TypeScript? Yes
Would you like to use ESLint? No
Would you like to use Tailwind CSS? Yes
Would you like to use `src/` directory? Yes
Would you like to use App Router? (recommended) Yes
Would you like to customize the default import alias (@/)? No
What import alias would you like configured? @/ No

la liste des dépendance
"dependencies": {
  "@ckeditor/ckeditor5-react": "^6.3.0",
  "@emotion/react": "^11.11.4",
  "@emotion/styled": "^11.11.5",
  "@mui/icons-material": "^5.15.18",
  "@mui/material": "^5.15.18",
  "@mui/styled-engine-sc": "^6.0.0-alpha.18",
  "@prisma/client": "^5.14.0",
  "autoprefixer": "^10.4.19",
  "bcryptjs": "^2.4.3",
  "ckeditor5": "^41.4.2",
  "clsx": "^2.1.1",
  "framer-motion": "^11.2.5",
  "init": "^0.1.2",
  "next": "^14.2.3",
  "next-auth": "^4.24.7",
  "react": "^18.3.1",
  "react-dom": "^18.3.1",
  "shadcn-ui": "^0.8.0",
  "styled-components": "^6.1.11",
  "tailwind-merge": "^2.3.0"
},
"devDependencies": {
  "@types/bcryptjs": "^2.4.6",
  "@types/node": "^20",
  "@types/react": "^18",
  "@types/react-dom": "^18",
  "postcss": "^8.4.38",
  "prisma": "^5.14.0",
  "tailwindcss": "^3.4.3",
  "typescript": "^5.4.5"
}