# React, TypeScript, shadcn/ui

> Component conventions for a React and shadcn/ui project

Source: https://aistack.sh/rule/cursor-ai-react-typescript-shadcn-ui
Real source: https://github.com/PatrickJS/awesome-cursorrules/blob/main/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdc
Author: awesome-cursorrules community (curated by PatrickJS)
Category: cursor-rule
Stack: React, TypeScript, shadcn/ui
Last verified: 2026-09-06

Cursor Project Rules for React and TypeScript development with shadcn/ui integration: component composition and styling conventions.

## Install

### cursor

```
mkdir -p .cursor/rules
curl -o .cursor/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdc https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdc
```

Per the repo's own instructions: create a .cursor/rules/ directory in your project, then copy the .mdc file into it. Cursor auto-attaches the rule based on the globs in its frontmatter.

---

From aistack.sh. Last verified 2026-09-06.