Htmx Flask

Cursor-Regel für HTMX in Flask-Projekten: Routen liefern Partial-Templates statt JSON.

Original-Beschreibung der Autoren: Cursor rules for HTMX development with Flask integration.

Die Regel

---
description: "Cursor rules for HTMX development with Flask integration."
globs: **/*
alwaysApply: false
---
// HTMX with Flask .cursorrules

// HTMX and Flask best practices

const htmxFlaskBestPractices = [
  "Use Flask's render_template for server-side rendering",
  "Implement Flask-WTF for form handling",
  "Utilize Flask's url_for for generating URLs",
  "Use Flask's jsonify for JSON responses",
  "Implement Flask-SQLAlchemy for database operations",
  "Utilize Flask's Blueprint for modular applications",
];

// Folder structure

const folderStructure = `
app/
  templates/
  static/
    css/
    js/
  models/
  routes/
  __init__.py
config.py
run.py
`;

// Additional instructions

const additionalInstructions = `
1. Use Jinja2 templating with HTMX attributes
2. Implement proper CSRF protection with Flask-WTF
3. Utilize Flask's request object for handling HTMX requests
4. Use Flask-Migrate for database migrations
5. Implement proper error handling and logging
6. Follow Flask's application factory pattern
7. Use environment variables for configuration
`;

So nutzt du sie

Die Regel kopieren (Button oben) oder als Datei herunterladen und im Projekt unter .cursor/rules/ ablegen — Cursor lädt sie beim nächsten Start automatisch. Ältere Cursor-Versionen lesen alternativ eine einzelne .cursorrules-Datei im Projektstamm; dort einfach den Regel-Text ohne den Kopfblock zwischen den ----Zeilen einfügen.

Der Regel-Text ist englisch — Cursor versteht ihn unabhängig von der Sprache, in der Sie mit dem Editor chatten.

Im Detail

Diese Regel überträgt das HTMX-Prinzip auf Flask: Routen liefern gezielt Partial-Templates statt kompletter Seiten oder JSON-Antworten, wie es bei klassischen Flask-APIs sonst üblich wäre. Sie hilft, konsequent zwischen vollständigen Seiten-Routen und HTMX-Partial-Routen zu unterscheiden und Jinja2-Templates entsprechend zu strukturieren. Praktisch für kleinere bis mittlere Flask-Anwendungen, die dynamische UI-Updates ohne eigenes Frontend-Framework wollen — etwa Dashboards oder interne Tools. Wer Flask ohnehin nur als reines JSON-Backend für eine separate Frontend-Anwendung nutzt, braucht diese Regel nicht.

Praxis-Tipp

Für ein Such-Feature reicht die Anweisung „Route /search soll bei HTMX-Requests nur die Ergebnisliste als Partial zurückgeben“ — die KI trennt dann sauber Voll- und Partial-Response.

Lizenz & Quelle

• Lizenz: CC0 1.0
• Quelle: PatrickJS/awesome-cursorrules (GitHub)

Lade …