# typescript-vite-tailwind-cursorrules-prompt-file

Правило для Cursor задаёт стиль кода на TypeScript во Vue-проектах со сборкой Vite и стилями Tailwind. Пригодится, когда агент пишет компоненты и вам нужен предсказуемый результат.

- правило · `type=rule` · Cursor · ★ 41011
- Автор: PatrickJS
- Лицензия: CC0-1.0 · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/PatrickJS/awesome-cursorrules/tree/HEAD/rules/typescript-vite-tailwind-cursorrules-prompt-file.mdc
- Обновлён: 2026-05-30
- HTML: https://affpapa.org/nevibecode/rules/typescript-vite-tailwind-cursorrules-prompt-file

## Что делает

Файл описывает, как агент должен писать код: функциональные и декларативные паттерны вместо классов, именованные экспорты, интерфейсы вместо типов, карты вместо enum. Имена переменных советует строить с вспомогательными глаголами вроде `isLoading` и `hasError`, а каталоги называть строчными буквами через дефис. Чистые функции — через ключевое слово `function`.

Для UI правило опирается на DaisyUI и Tailwind, вёрстку просит делать mobile-first. Компоненты Vue — только в стиле Composition API со `script setup`. Производительность: обёртка асинхронных компонентов в Suspense с запасным UI, динамическая подгрузка некритичных частей, изображения в WebP с размерами и ленивой загрузкой, разбиение бандла на этапе сборки Vite.

Отдельный блок про ревью: проверять компоненты на лишние ререндеры и оптимизировать их функциями VueUse. Правило подключается как `.cursor/rules/typescript-vite-tailwind-cursorrules-prompt-file.mdc` и по умолчанию не применяется ко всем файлам — в описании стоит `alwaysApply: false`, поэтому его нужно включить вручную. Стек в тексте шире имени файла: там ещё Vue Router, Pinia и VueUse, так что для React-проекта это правило не подойдёт.

## Установка

### Cursor (родная платформа)

**Вручную: положить файлы**
- Файл: `.cursor/rules/typescript-vite-tailwind-cursorrules-prompt-file.mdc` — Во frontmatter: description, globs, alwaysApply

### Claude Code

**Вручную: положить файлы**
- Файл: `.claude/rules/typescript-vite-tailwind-cursorrules-prompt-file.md` — Поле paths во frontmatter ограничивает файлы: globs из источника → paths

### Codex

**AGENTS.md**
- Codex читает AGENTS.md: вставьте текст правила туда

### GitHub Copilot

**Вручную: положить файлы**
- Файл: `.github/instructions/typescript-vite-tailwind-cursorrules-prompt-file.instructions.md` — Поле applyTo задаёт, к каким файлам применять: globs из источника → applyTo

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/rules/typescript-vite-tailwind-cursorrules-prompt-file.md`

### Cline

**Вручную: положить файлы**
- Файл: `.clinerules/typescript-vite-tailwind-cursorrules-prompt-file.md`

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/PatrickJS/awesome-cursorrules/tree/HEAD/rules/typescript-vite-tailwind-cursorrules-prompt-file.mdc

## Когда брать
- задать агенту единый стиль TypeScript во Vue-проекте
- выбрать между интерфейсами и типами без споров в ревью
- настроить mobile-first вёрстку на Tailwind и DaisyUI
- убрать лишние ререндеры через функции VueUse
- разбить бандл Vite на чанки и ускорить загрузку

## Примеры запросов агенту
- Перепиши этот компонент на Composition API со script setup
- Проверь компонент на лишние ререндеры и предложи оптимизацию
- Настрой code splitting в сборке Vite для этого проекта

## Похожие
- [vuejs-typescript-best-practices](https://affpapa.org/nevibecode/skills/vuejs-typescript-best-practices.md) — скилл · 1000 установок
- [tailwind-css-patterns](https://affpapa.org/nevibecode/skills/tailwind-css-patterns.md) — скилл · 17700 установок
- [vite](https://affpapa.org/nevibecode/skills/vite.md) — скилл · 39900 установок
- [tailwind-v4-shadcn](https://affpapa.org/nevibecode/skills/tailwind-v4-shadcn.md) — скилл · 8100 установок
- [tailwind-theme-builder](https://affpapa.org/nevibecode/skills/tailwind-theme-builder.md) — скилл · 3200 установок
- [react-vite-dashboard](https://affpapa.org/nevibecode/skills/react-vite-dashboard.md) — скилл · 5500 установок

Из того же набора: [patrickjs/awesome-cursorrules](https://affpapa.org/nevibecode/by/patrickjs/awesome-cursorrules.md) — 68 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md