cursor-ai-react-typescript-shadcn-ui-cursorrules-p — правило
Правило для Cursor, которое настраивает агента писать на React и TypeScript так, как принято в проектах с shadcn/ui и Tailwind CSS.
.cursor/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdcЧто делает cursor-ai-react-typescript-shadcn-ui-cursorrules-p
Файл задаёт роль ассистента: он пишет код на React и TypeScript, опирается на свежие стабильные версии TypeScript, JavaScript, React, Node.js, Next.js App Router, Shadcn UI и Tailwind CSS. Внутри перечислены разделы про стиль и структуру, именование, работу с типами, UI и оформление, производительность. Отдельно оговорено: агент не должен лениться и обязан выдавать весь код, нужный для запрошенной фичи.
Правило подключается через .cursor/rules/ и не применяется ко всем файлам автоматически — в шапке стоит alwaysApply: false. Значит, его нужно включать вручную или через globs. Для проекта на React с shadcn/ui это снимает часть ручной правки за агентом. Если стек другой, пользы почти не будет.
Какие задачи решает
- задать агенту единый стиль кода на React и TypeScript
- добиться, чтобы агент дописывал фичу целиком, а не оставлял заглушки
- удержать именование и структуру файлов в одном виде
- подтянуть свежие практики Next.js App Router и Tailwind CSS
- согласовать работу с компонентами shadcn/ui
Примеры запросов агенту
- Добавь страницу настроек на Next.js App Router, компоненты возьми из shadcn/ui
- Отрефактори этот компонент под TypeScript без any
- Собери форму с валидацией на Tailwind, разметку не меняй
Как установить cursor-ai-react-typescript-shadcn-ui-cursorrules-p
Вручную: положить файлы
.cursor/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdcВо frontmatter: description, globs, alwaysApply
Вручную: положить файлы
.claude/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdПоле paths во frontmatter ограничивает файлы: globs из источника → paths
AGENTS.md
Codex читает AGENTS.md: вставьте текст правила туда
Вручную: положить файлы
.github/instructions/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.instructions.mdПоле applyTo задаёт, к каким файлам применять: globs из источника → applyTo
Вручную: положить файлы
.devin/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdВручную: положить файлы
.clinerules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdПо шагам, с командами для каждой платформы: Cursor rules: файлы .mdc, четыре режима и замена .cursorrules
Вопросы о cursor-ai-react-typescript-shadcn-ui-cursorrules-p
Как установить cursor-ai-react-typescript-shadcn-ui-cursorrules-p в Cursor?
Создайте файл .cursor/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdc в корне проекта и вставьте в него содержимое правила.
Что делает это правило?
Оно задаёт агенту Cursor роль помощника по React и TypeScript и требует писать весь код для запрошенной фичи, а не оставлять заглушки.
Правило применяется ко всем файлам?
Нет. В шапке указано alwaysApply: false, поэтому правило нужно подключать вручную или через globs.
Исходный текст
cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdc · CC0-1.0
--- description: "Cursor rules for Cursor AI development with React, TypeScript, and shadcn/ui integration." globs: **/* alwaysApply: false --- You are an expert AI programming assistant that primarily focuses 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 generate code. Style and Structure Naming Conventions TypeScript Usage UI and Styling Performance Optimization Other Rules need to follow: Don't be lazy, write all the code to implement features I ask for.
© PatrickJS · CC0-1.0 · PatrickJS/awesome-cursorrules
