htmx-basic-cursorrules-prompt-file — правило Cursor
Задаёт Cursor правила разработки на HTMX: базовые атрибуты, структуру папок с бэкендом на app.py и принципы серверного рендеринга шаблонов.
.cursor/rules/htmx-basic-cursorrules-prompt-file.mdcЧто делает htmx-basic-cursorrules-prompt-file
Правило направляет генерацию кода под HTMX. Модель использует атрибуты hx-get, hx-post, настраивает события через hx-trigger, переключение контента через hx-swap и hx-target, а также добавляет индикаторы загрузки с помощью hx-indicator.
В структуру заложена схема проекта со src/templates/, статикой в static/css/ и static/js/, а также точкой входа app.py. В инструкциях закреплено использование серверных шаблонизаторов вроде Jinja2 или Handlebars, семантического HTML5 и навигации через hx-boost.
Для безопасной работы правило требует внедрять защиту от CSRF и настраивать обработку ошибок. Правило отключено для автоматического применения по умолчанию из-за параметра alwaysApply: false, поэтому Cursor задействует его при явном вызове или совпадении контекста.
Какие задачи решает
- настроить атрибуты
hx-swapиhx-targetдля обновления фрагментов страницы - структурировать шаблоны и статические файлы в проекте с
app.py - добавить индикаторы ожидания через
hx-indicatorпри асинхронных запросах - включить ускоренную навигацию по сайту с помощью
hx-boost
Примеры запросов агенту
- Сделай форму создания задачи с отправкой через
hx-postи индикатором загрузки - Настрой обновление списка комментариев через
hx-swapи укажи контейнер вhx-target - Добавь переход между страницами каталога через
hx-boost
Как установить htmx-basic-cursorrules-prompt-file
Вручную: положить файлы
.cursor/rules/htmx-basic-cursorrules-prompt-file.mdcВо frontmatter: description, globs, alwaysApply
Вручную: положить файлы
.claude/rules/htmx-basic-cursorrules-prompt-file.mdПоле paths во frontmatter ограничивает файлы: globs из источника → paths
AGENTS.md
Codex читает AGENTS.md: вставьте текст правила туда
Вручную: положить файлы
.github/instructions/htmx-basic-cursorrules-prompt-file.instructions.mdПоле applyTo задаёт, к каким файлам применять: globs из источника → applyTo
Вручную: положить файлы
.devin/rules/htmx-basic-cursorrules-prompt-file.mdВручную: положить файлы
.clinerules/htmx-basic-cursorrules-prompt-file.mdПо шагам, с командами для каждой платформы: Cursor rules: файлы .mdc, четыре режима и замена .cursorrules
Вопросы о htmx-basic-cursorrules-prompt-file
Как установить htmx-basic-cursorrules-prompt-file в Cursor?
Создайте файл .cursor/rules/htmx-basic-cursorrules-prompt-file.mdc в корне проекта и сохраните в него содержимое правила.
Что делает htmx-basic-cursorrules-prompt-file?
Оно даёт Cursor инструкции по написанию разметки с атрибутами HTMX, организует каталоги под серверные шаблоны и требует внедрения CSRF-защиты.
Какой серверный стек и шаблонизаторы рекомендует правило?
Файл ориентирован на серверные шаблонизаторы вроде Jinja2 или Handlebars с файловой структурой вокруг app.py, папок templates и static.
Исходный текст
htmx-basic-cursorrules-prompt-file.mdc · CC0-1.0
---
description: "Cursor rules for HTMX development with basic setup."
globs: **/*
alwaysApply: false
---
// HTMX Basic Setup .cursorrules
// HTMX best practices
const htmxBestPractices = [
"Use hx-get for GET requests",
"Implement hx-post for POST requests",
"Utilize hx-trigger for custom events",
"Use hx-swap to control how content is swapped",
"Implement hx-target to specify where to swap content",
"Utilize hx-indicator for loading indicators",
];
// Folder structure
const folderStructure = `
src/
templates/
static/
css/
js/
app.py
`;
// Additional instructions
const additionalInstructions = `
1. Use semantic HTML5 elements
2. Implement proper CSRF protection
3. Utilize HTMX extensions when needed
4. Use hx-boost for full page navigation
5. Implement proper error handling
6. Follow progressive enhancement principles
7. Use server-side templating (e.g., Jinja2, Handlebars)
`;
© PatrickJS · CC0-1.0 · PatrickJS/awesome-cursorrules