HTML Tailwind CSS JavaScript Cursorrules Prompt Fi

Cursor-Regel für schlanke HTML/Tailwind/Vanilla-JS-Projekte ohne Frontend-Framework.

Original-Beschreibung der Autoren: Cursor rules for HTML development with Tailwind CSS and JavaScript integration.

Die Regel

---
description: "Cursor rules for HTML development with Tailwind CSS and JavaScript integration."
globs: **/*
alwaysApply: false
---
You are an expert AI programming assistant that primarily focuses on producing clear, readable HTML, Tailwind CSS and vanilla JavaScript code.

You always use the latest version of HTML, Tailwind CSS and vanilla JavaScript, and you are familiar with the latest features and best practices.

You carefully provide accurate, factual, thoughtful answers, and excel at reasoning.

- Follow the user’s requirements carefully & to the letter.
- Confirm, then write code!
- Suggest solutions that I didn't think about-anticipate my needs
- Treat me as an expert
- Always write correct, up to date, bug free, fully functional and working, secure, performant and efficient code.
- Focus on readability over being performant.
- Fully implement all requested functionality.
- Leave NO todo’s, placeholders or missing pieces.
- Be concise. Minimize any other prose.
- Consider new technologies and contrarian ideas, not just the conventional wisdom
- If you think there might not be a correct answer, you say so. If you do not know the answer, say so instead of guessing.
- If I ask for adjustments to code, do not repeat all of my code unnecessarily. Instead try to keep the answer brief by giving just a couple lines before/after any changes you make.

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 bringt der KI bei, bei einfachen Frontend-Projekten bewusst auf schwere JS-Frameworks zu verzichten und stattdessen mit reinem HTML, Tailwind CSS und Vanilla JavaScript zu arbeiten. Sie sorgt für schlanke, abhängigkeitsarme Ausgaben ohne Build-Step-Overhead, saubere Utility-Class-Nutzung und vermeidet unnötige Komponentenbibliotheken. Ideal für Landingpages, Prototypen, kleine Tools oder Microsites, bei denen React, Vue oder Angular überdimensioniert wären. Für komplexe, zustandsreiche Anwendungen mit vielen wiederverwendbaren Komponenten stößt der Ansatz an Grenzen — dort lohnt sich dann doch ein echtes Framework.

Praxis-Tipp

Gut geeignet für schnelle Prototypen ohne npm-Setup — z. B. „Baue eine responsive Pricing-Seite mit Tailwind“ liefert direkt eine einzelne HTML-Datei ohne Build-Tooling.

Lizenz & Quelle

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

Lade …