Skip to content

Commit

Permalink
fix: typo in cursor-ai-react-typescript-shadcn-ui-cursorrules-p (#43)
Browse files Browse the repository at this point in the history
* fix: typo in cursor-ai-react-typescript-shadcn-ui-cursorrules-p

* fix: typo in readme
  • Loading branch information
light-planck authored Jan 29, 2025
1 parent ac6e5e1 commit 30c65d1
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 2 deletions.
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
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
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

Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
Author: Mia

## What you can build
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.
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.

## Benefits

Expand Down

0 comments on commit 30c65d1

Please sign in to comment.