AGENTS.md-Muster für React Native: Claude Code generiert projektbewussteren Code

Ein Reddit-Benutzer, julia_ships, hat mit einer AGENTS.md-Datei für React Native/Expo-Projekte experimentiert. Die Datei dient als strukturiertes Dokument, das KI-Codierungsagenten wie Claude Code und Cursor über projektspezifische Konventionen informiert. Der Unterschied ist signifikant – vor der Verwendung der Datei generierte Claude generischen React Native-Code; danach erzeugt es Komponenten mit den exakten Theme-Tokens, Hooks und Mustern des Projekts.

Was kommt in die AGENTS.md-Datei

Der Benutzer enthält die folgenden Abschnitte in seiner AGENTS.md:

• Ordnerstruktur und Dateinamenskonventionen – z.B. wo Komponenten leben, wie Dateien benannt werden (PascalCase, Kebab-Case usw.)
• Themesystem und Farb-Tokens – genaue Token-Namen und wie sie angewendet werden
• Benutzerdefinierte Hooks und ihre Nutzungsmuster – wie projektspezifische Hooks importiert und verwendet werden
• Komponentenmuster – funktionale Komponenten mit typisierten Props (TypeScript), Struktur und Exportstil

Ergebnisse

Mit der AGENTS.md an Ort und Stelle produziert Claude Code Code, der beim ersten Versuch den Projektkonventionen entspricht. Beispielsweise verwendet es das korrekte Theme colors.primary anstelle von hartcodiertem '#6200ee', importiert benutzerdefinierte Hooks wie useAuth() anstatt Inline-Logik zu schreiben, und folgt dem etablierten Komponentenmuster (funktional, typisierte Props, korrekter Export).

Für wen es gedacht ist

React Native / Expo-Entwickler, die Claude Code, Cursor oder ähnliche KI-Codierungsagenten verwenden und manuelle Code-Reviews reduzieren sowie die KI dazu zwingen möchten, Projektkonventionen zu respektieren.