Browse
TopNewGuidesTipsCategoriesHow to?
Search
⌘K
Add .cursorrulesGuidesTipsHow to?TopNewCategories
Submit .cursorrules
Help the community and submit a .cursorrules text.
Is this your .cursorrules file?
Cancel
Thank you for sharing! We'll review and get it added shortly.
Oops! Something went wrong while submitting the form.
View all .cursorrules

Mia's .cursorrules prompt files

Share
Share this
Mia
Mia
Twitter
Facebook
Pinterest
Telegram
Reddit
Copy link
About
NEW

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:
TypeScript
JavaScript
React
Node.js
Next.js App Router
Cursor AI React TypeScript Shadcn UI .cursorrules prompt file
Mia
11
11
Featured
.cursorrules file Cursor AI Python FastAPI API
Python ▪ FastAPI ▪ Pydantic
Ad
TypeScript Next.js React .cursorrules prompt file
TypeScript ▪ Next.js ▪ React
Ad
FastAPI .cursorrules prompt file guide
PEP 8 ▪ Python ▪ map
Ad
Next.js React Tailwind .cursorrules prompt file
TypeScript ▪ Node.js ▪ Next.js
Ad
Astro .cursorrules Cursor AI Three.js Tailwind CSS project prompt file
Astro ▪ Three.js ▪ TypeScript
Ad
Recently Added
Python Pytest Typer .cursorrules prompt file
Python ▪ Pydantic ▪ Loguru
Ad
Next.js Tailwind CSS Obsidian Plugin .cursorrules prompt file
nextjs ▪ obsidian ▪ tailwind
Ad
Next.js TypeScript Clerk Stripe Vercel Setup .cursorrules prompt file
typescript ▪ nextjs app router ▪ Clerk
Ad
React TypeScript Care Project .cursorrules prompt file
React ▪ Typescript ▪ Vite
Ad
Elixir Code Guidelines .cursorrules prompt file
Elixir
Ad
Popular
SvelteKit TailwindCSS TypeScript .cursorrules prompt file
Node.js ▪ SvelteKit ▪ Svelte
Ad
Python Flask JSON Guide .cursorrules prompt file
python ▪ JSON ▪ FUE5
Ad
Angular Novo Elements .cursorrules prompt file
Angular ▪ novo-elements
Ad
TypeScript Next.js React .cursorrules prompt file
TypeScript ▪ Node.js ▪ Next.js App Router
Ad
Kubernetes MkDocs Documentation .cursorrules prompt file
cloud native technologies ▪ Kubernetes ▪ Markdown
Ad
Tips
Cursor Tip
@kregenrek
Ad
new tutorial: how to get the most out of Cursor, the AI-powered
@wenquai
Ad
I built a Slack clone in just 5 minutes using OpenAI's o1-previe
@anant_garg
Ad
What can an 8-year-old build in 45 minutes with the assistance o
@rickyrobinett
Ad
Cursor Tip
@CodeHagen
Ad
Guides
Build AI Voice Notes App: Cursor AI Tutorial Guide
Riley Brown
Ad
Create a Chrome Extension Fast: Cursor AI Tutorial
Alex Sidorenko
Ad
Build ChatGPT with Python: Cursor AI Tutorial Guide
Shubham Saboo
Ad
Cursor AI Tutorial: Easy Loading Page with Shadcn Components
CodeHagen
Ad
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
Pytest-Recording
CliRunner
VCRPy
Discord.py
obsidian
RBAC
Google Calendar
ShadCN-Graphs
EditorConfig
Google Chat
Categories
error handling
scalable API development
middleware
input validation
caching strategies
response schemas
performance optimization
software architecture
dependency management
documentation
Trending
Hono Bun TypeScript JSX Tailwind CSS .cursorrules prompt file
Marisco nbdev .cursorrules prompt file
Nextjs 14 React .cursorrules prompt file
Simulation Project Python .cursorrules prompt file
TypeScript Vite Tailwind .cursorrules prompt file
Elixir Engineer Guidelines .cursorrules prompt file
TypeScript Next.js React Tailwind Supabase .cursorrules prompt file
Cursor AI setup using Python & OpenAI API .cursorrules prompt file
TypeScript Shadcn UI Tailwind .cursorrules prompt file
TypeScript Next.js Tailwind .cursorrules prompt file
Site
TopNewCategoriesTipsGuidesHow to?UpdatesSubmitContact
© 2024 cursordirectory.com. All rights reserved.
Privacy PolicyTerms of Service
stack:
shutterstock_1860449368-ai
Contact
We'd love to hear your feedback. What would you like to let us know?
Cancel
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.