Browse

tailwindcss .cursorrules prompt files

Filters

Tech

Clear

seaborn

Tauri

logging

Azure

MySQL

Go

Kafka

WebP.

next-safe-action

Phoenix LiveView

Ecto

File System Watcher

Plug

Finch

Gettext

Phoenix

Jason

Phoenix LiveDashboard

Sobelow

ExCoveralls

DNS Cluster

ExUnit

Release Please

Swoosh

Credo

LeftHook

npm

Wagmi

Viem

Next.js 14

Daisy UI

Express.js

Vercel AI SDK

Firebase

Slither

Hardhat

Mythril

Chainlink VRF

SOLID

OpenAI

SVG

SWR

Prometheus

Memcached

ELK Stack

Grafana

async/await

API

Grid

OpenAPI

React Server Components

Turborepo

None

TanStack React Query

Mongoose

virtual environments

dask

PyTorch

tqdm

Flask

joblib

NumPy

python-dotenv

pip

Django REST Framework

unittest

WhiteNoise

pytest-django

AWS

NoSQL

Kubernetes

Cypress

Axios

Next.js SSR.

Next.js 14 App Router

Angular

React Server Components (RSC)

Rell

Kotlin

Tailwind CSS.

Cairo

Biome

Composer

WebAssembly

yarn

Material UI

autoprefixer

bcryptjs

@types/react

Next.Js

@types/node

prisma

framer-motion

postcss

react-dom

Supabase Auth

WCAG

React.FC

React.ReactNode

fetch API

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"
}