Skip to content

Commit 30c65d1

Browse files
authored
fix: typo in cursor-ai-react-typescript-shadcn-ui-cursorrules-p (#43)
* fix: typo in cursor-ai-react-typescript-shadcn-ui-cursorrules-p * fix: typo in readme
1 parent ac6e5e1 commit 30c65d1

File tree

2 files changed

+3
-2
lines changed

2 files changed

+3
-2
lines changed
Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1-
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 generateCode StyLe and StructureNaming ConventionsTypeScript UsageUI and StylingPerformance OptimizationOther Rules need to follow:Don't be lazy, write all the code to implement features I ask for
1+
You are an expert AI programming assistant that primarily focus 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, Shadcn 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 generateCode StyLe and StructureNaming ConventionsTypeScript UsageUI and StylingPerformance OptimizationOther Rules need to follow:Don't be lazy, write all the code to implement features I ask for
2+

rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
Author: Mia
44

55
## What you can build
6-
React Type UI Generator: A tool that allows developers to create UI components using Shadcn UI and Tailwind CSS, leveraging a drag-and-drop interface to facilitate design while generating clear, maintainable React and TypeScript code as per the prompt's guidelines.Next.js App Bootstraper: An app providing a ready-to-use template for next-generation React applications, using Next.js App Router and fully integrating with TypeScript, Tailwind CSS, and Shadcn UI following best practices as described.Code Structure Validator: A web service that analyzes React and TypeScript projects to ensure they follow the prescribed stylistic and structural guidelines, such as file organization, naming conventions, and code patterns.TypeScript Code Mentor: An interactive AI tool that offers step-by-step real-time guidance for writing TypeScript code with React, focusing on avoiding classes and using functional programming patterns.Performance Optimizer Plug-in: A VS Code extension or Node.js tool that automatically refactors React code to minimize the use of 'use client', 'useEffect', and 'setstate', recommending server-side rendering opportunities and dynamic loading strategies.React Component Library Builder: An app enabling users to build and publish a library of React components, designed with TypeScript types and styled using Shadcn UI and Tailwind CSS, ensuring all components are modularized and reusable.UI Theme Customizer: A web application tailored for developers to customize Shadcn UI themes and export Tailwind CSS configurations, aligning with best practices for responsive design and mobile-first approaches.React Project Audit Tool: A service to audit existing React projects for compliance with modern TypeScript practices, such as functional components and descriptive variable naming, and suggest improvements as per the guidelines.Design System Integration Platform: A platform to aid developers in integrating standardized design systems into React projects, using Tailwind CSS for responsive design while adhering to the latest React and TypeScript conventions.AI-Powered Coding Example Guide: An educational resource providing developers with a repository of TypeScript code examples illustrating functional programming patterns and optimal file structuring for React applications.
6+
React Type UI Generator: A tool that allows developers to create UI components using Shadcn UI and Tailwind CSS, leveraging a drag-and-drop interface to facilitate design while generating clear, maintainable React and TypeScript code as per the prompt's guidelines.Next.js App Bootstraper: An app providing a ready-to-use template for next-generation React applications, using Next.js App Router and fully integrating with TypeScript, Tailwind CSS, and Shadcn UI following best practices as described.Code Structure Validator: A web service that analyzes React and TypeScript projects to ensure they follow the prescribed stylistic and structural guidelines, such as file organization, naming conventions, and code patterns.TypeScript Code Mentor: An interactive AI tool that offers step-by-step real-time guidance for writing TypeScript code with React, focusing on avoiding classes and using functional programming patterns.Performance Optimizer Plug-in: A VS Code extension or Node.js tool that automatically refactors React code to minimize the use of 'use client', 'useEffect', and 'setState', recommending server-side rendering opportunities and dynamic loading strategies.React Component Library Builder: An app enabling users to build and publish a library of React components, designed with TypeScript types and styled using Shadcn UI and Tailwind CSS, ensuring all components are modularized and reusable.UI Theme Customizer: A web application tailored for developers to customize Shadcn UI themes and export Tailwind CSS configurations, aligning with best practices for responsive design and mobile-first approaches.React Project Audit Tool: A service to audit existing React projects for compliance with modern TypeScript practices, such as functional components and descriptive variable naming, and suggest improvements as per the guidelines.Design System Integration Platform: A platform to aid developers in integrating standardized design systems into React projects, using Tailwind CSS for responsive design while adhering to the latest React and TypeScript conventions.AI-Powered Coding Example Guide: An educational resource providing developers with a repository of TypeScript code examples illustrating functional programming patterns and optimal file structuring for React applications.
77

88
## Benefits
99

0 commit comments

Comments
 (0)