Nativescript

Bringt Cursor die nativen APIs und Konventionen von NativeScript für Cross-Plattform-Apps ohne WebView bei.

Original-Beschreibung der Autoren: Cursor rules for NativeScript development.

Die Regel

---
description: "Cursor rules for NativeScript development."
globs: **/*
alwaysApply: false
---
// NativeScript .cursorrules

// NativeScript best practices

const nativeScriptBestPractices = [
  "Utilize @nativescript/core features and APIs where applicable",
  "Utilize common web APIs where applicable",
  "Implement proper navigation using NativeScript Navigation",
  "Use NativeScript's assets folder for images, sounds or videos and use the fonts folder for custom fonts",
  "Implement proper error handling where possible"
];

// Folder structure

const folderStructure = `
src/
  assets/
  components/
  services/
  utils/
`;

// Additional instructions

const additionalInstructions = `
1. Use TypeScript for type safety
2. Use @nativescript/secure-storage for sensitive data
3. Use @nativescript/biometrics for anything related to biometrics
4. Always use nativescript-fonticon for font icons
5. Follow NativeScript best practices for performance
`;

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

Für Teams, die native mobile Apps direkt aus JavaScript oder TypeScript bauen, ohne den Umweg über eine WebView-Bridge wie bei Cordova oder Ionic. Die Regel bringt Cursor die NativeScript-eigenen APIs, Layout-Container und die Cross-Plattform-Datenbindung bei, sodass Vorschläge tatsächlich native UI-Komponenten statt HTML/CSS-Attrappen erzeugen. Der Vorteil gegenüber generischen JS-Regeln: NativeScript hat ein eigenes Modulsystem und eigene Styling-Konventionen, die eine KI ohne Kontext leicht falsch einschätzt. Lohnt sich für bestehende NativeScript-Projekte; wer neu in die native Cross-Plattform-Entwicklung einsteigt, sollte vorher grundsätzlich abwägen, ob React Native oder Flutter die größere Community bieten.

Praxis-Tipp

Bei UI-Fragen wie “Baue eine scrollbare Liste mit Pull-to-Refresh” liefert die Regel NativeScript-native Komponenten (RadListView, PullToRefresh) statt Web-Analogien.

Lizenz & Quelle

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

Lade …