Browse

script setup syntax .cursorrules prompt files

Filters

Tech

Clear

Android Studio

Firebase Storage

React Native CLI

Firebase Emulator Suite

Twitter Card

sitemap.xml

Open Graph

Psycopg2-binary

Uvicorn

Python-Multipart

mysql

Nextjs 14

nuqs

Next.js SSR

Vue Router 4

Vue Test Utils

Composition API

Vue 3 Reactivity API

script setup syntax

Stylus

PurgeCSS

next-i18next

react-intl

React.memo

useState

Styled Components

FlatList

react-native-fast-image

Mobile UI

react-native-responsive-screen

EAS Build

StyleSheet.create

vi.mocked

testing-library

File Storage

internalMutation

HTTP API

db.get

react-router-dom

internal.

db.delete

db.query

cron Jobs

storage field

storage ID

GIPHY

useQuery

generateUploadUrl

Convex HTTP Actions

setState

scheduler

storage.generateUploadUrl

HTMLInputElement

db.insert

useMutation

FormEvent

Husky

Yarn

Cloudflare Pages

rubocop

minitest

Whatsapp Cloud API

YARD

Anthropic Claude

GraphQL API

CI/CD

Python 3.x

OpenAI GPT

@shopify/cli-kit

@react-three

Neo-Organic Fusion Design System

ERC-7710

forge-std

MetaMask

ERC721

ModeLib

ExecutionLib

Radix Vue

NuxtJS

Shadcn Vue

BDD

Docusaurus

Dagster

React.Suspense

react-icons

lucide-react

Shadcn/UI

reqwest

Option

tokio::time::interval

thiserror

tokio::time::pause

tokio::test

tokio::task::yield_now

tokio::sync::Mutex

hyper

serde

tokio::sync::RwLock

tokio::sync::broadcast

sqlx

Categories

Clear

Database management

Code optimization

Type-safe APIs

Test driven development

AI agents

Next.js 14

Operational management

Project adaptability

Code review

Java Core Principles

Java Naming Conventions

Ethical and Professional Practices

Best Practices for Java Programming

Modern Java Features

Java Documentation Practices

Java Project Organization

Code Structure and Organization

File Naming Conventions

Java Source Code Management

Entity Component System (ECS)

Simulation Games

3D Game Development

Middleware

Database Integration

Communication tools

Agent frameworks

Automation tools

AI development

CSS styling

JavaScript conventions

Code documentation

ARIA

Responsive design

YAML Configuration

Minimalist JavaScript

Website Design

Progressive Enhancement

Logging and Metrics

Backend.

Frontend

Flutter Development

Code Guidelines

Monitoring and Logging

API Gateway

Serverless Deployment

Observability

Frontend Design

Cloud Architecture

Monorepo

Testing Strategy

Database Optimization

Frontend Optimization

Security Audit

Module Bundling

Backend

Web Performance Optimization

Code Styling and Structure

Code Style Guidelines

Video Application

Testing and Documentation

React Programming Patterns

Subscription Management

CSS Best Practices

Modern JavaScript

Nuxt.js

Application Development

User Dashboard

Code Standards

React Hooks

Folder Structure

Agent Framework

HTTP Methods

Input Validation

Rate Limiting

Standard Library Usage

Go Best Practices

Mechanical keyboard

JavaScript coding

Screen recording

Audio recording

React development

Open source development

HTML coding

User Interface design

Database Operations

Image and Audio Matching

Hardware Integration

Raspberry Pi

Low-Spec Hardware Compatibility

Image Processing

PEP 8 Style Guidelines

Audio Processing

react components

styling

Shopify API Best Practices

Polaris and Tailwind CSS Integration

Prisma Usage

Linters and Tools

Modern JavaScript Practices

CSS Guidelines

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

NEW

Vue.js 3 TypeScript Vite Tailwind .cursorrules prompt file

You are an expert in Vue.js 3, TypeScript, Vite, and Tailwind CSS.

Code Style and Structure:

Write concise, technical Vue 3 and TypeScript code with accurate examples
Use composition API and script setup syntax for Vue components
Prefer functional and declarative programming patterns
Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError)
Structure files: single-file components (.vue), composables, helpers, types

Naming Conventions:

Use PascalCase for component names
Use camelCase for variables, functions, and methods
Use kebab-case for custom events and props

TypeScript Usage:

Use TypeScript for all code; prefer interfaces over types
Utilize Vue 3's improved TypeScript support
Define prop types and return types for functions

Vue 3 and Composition API:

Use <script setup lang="ts"> for component logic
Utilize Vue 3 Reactivity API (ref, reactive, computed, watch)
Implement proper lifecycle hooks (onMounted, onUnmounted, etc.)

Vite and Build Configuration:

Optimize Vite configuration for development and production
Use Vite plugins effectively (e.g., @vitejs/plugin-vue)

UI and Styling:

Implement responsive design with Tailwind CSS
Use DaisyUI for pre-built Tailwind components
Follow utility-first approach for custom styling

State Management:

Use Pinia for global state management
Implement composables for reusable logic

Routing:

Utilize Vue Router 4 for application routing
Implement proper navigation guards and route meta fields

Testing:

Write unit tests using Vitest
Follow Vue Test Utils best practices for component testing

Performance Optimization:

Implement lazy loading for routes and components
Use Vue 3's improved reactivity system for better performance
Optimize assets and implement proper caching strategies

Error Handling and Validation:

Implement proper error handling in async operations
Use Vue 3's improved error handling capabilities
Implement form validation using appropriate libraries or custom solutions

Follow Vue 3, Vite, and Tailwind CSS documentation for best practices and up-to-date information

stack:

Vue.js 3 TypeScript Vite Tailwind .cursorrules prompt file

CodeWithCursor

0

Featured

Join our newsletter

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subscribe

By subscribing you agree to with our Privacy Policy

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Stacks