К основному содержанию
правило

htmx-basic-cursorrules-prompt-file — правило Cursor

Задаёт Cursor правила разработки на HTMX: базовые атрибуты, структуру папок с бэкендом на app.py и принципы серверного рендеринга шаблонов.

Установить в Cursor · Вручную: положить файлы Все способы и платформы ↓
.cursor/rules/htmx-basic-cursorrules-prompt-file.mdc
Открыть на GitHub

Что делает 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

По шагам, с командами для каждой платформы: 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

Похожие правила IDE

Все правила IDE по теме «Фронтенд и UI» →
winui3 официальный github Правило задаёт рекомендации для WinUI 3 и Windows App SDK: от XAML и потоков до окон и MVVM. Пригодится, чтобы Copilot учитывал особенности настольных приложений Windows. ★ 40 451звёзд репо vue официальный github Правило задаёт Copilot стандарты Vue 3: Composition API, <script setup>, реактивность, Pinia и Vue Router. Пригодится, когда агент пишет компоненты в вашем стиле. ★ 40 451звёзд репо tanstack-start-shadcn-tailwind официальный github Правило задаёт Copilot стек TanStack Start, Shadcn/ui и Tailwind CSS и требует валидировать внешние данные через Zod. ★ 40 451звёзд репо tailwind-v4-vite официальный github Правило помогает подключить Tailwind CSS v4 к проекту на Vite через официальный плагин. Пригодится и для новой установки, и при переходе с v3. ★ 40 451звёзд репо svelte официальный github Направляет GitHub Copilot на стандарты Svelte 5 и SvelteKit 2: руны вместо старых сторов, типизация компонентов и безопасная работа с SSR. ★ 40 451звёзд репо power-bi-custom-visuals-development официальный github Правило для GitHub Copilot, которое подсказывает агенту, как писать кастомные визуалы Power BI на React, D3.js и TypeScript. ★ 40 451звёзд репо

Из того же набора140

java-springboot-jpa-cursorrules-prompt-file Правило задаёт структуру Java-проектов на Spring Boot с JPA, DTO и разделением слоёв. Пригодится для генерации REST API по единой схеме. ★ 41 024звёзд репо htmx-go-fiber-cursorrules-prompt-file Правило Cursor для проектов на Go с Fiber и HTMX: задаёт структуру папок, роутинг и работу с шаблонами, чтобы агент не изобретал своё. ★ 41 024звёзд репо htmx-flask-cursorrules-prompt-file Правило задаёт соглашения для HTMX-приложений на Flask: шаблоны, формы, маршруты, базу данных и структуру проекта. Пригодится для серверного рендеринга. ★ 41 024звёзд репо htmx-django-cursorrules-prompt-file Правило для Cursor, которое задаёт агенту привычки Django при работе с HTMX: шаблоны, формы, CSRF, class-based views. ★ 41 024звёзд репо html-tailwind-css-javascript-cursorrules-prompt-fi Правило для Cursor задаёт стиль работы с HTML, Tailwind CSS и vanilla JavaScript. Пригодится для фронтенд-задач без фреймворка. ★ 41 024звёзд репо how-to-documentation-cursorrules-prompt-file Правило превращает технические шаги, тест-скрипты и скриншоты в пошаговые инструкции для нетехнических пользователей. Пригодится, когда нужно писать «How To» по фиче. ★ 41 024звёзд репо hol-hedera-typescript-cursorrules-prompt-file Набор инструкций для Cursor по разработке ИИ-агентов на Hedera с Hashgraph Online SDK на TypeScript. Помогает соблюдать стандарты HCS и TDD. ★ 41 024звёзд репо harmony-arkts Правило задаёт практики для HarmonyOS ArkTS: компоненты, состояние, ресурсы, разметка, жизненный цикл и доступность. Подходит для проектов с файлами .ets. ★ 41 024звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой