nextjs-tailwind

Standards für Next.js + Tailwind

Für wen: Moderne Web-Teams

So nutzt du es

Inhalt als .github/copilot-instructions.md ins Repository legen (bzw. unter .github/instructions/ für mehrere Dateien). GitHub Copilot berücksichtigt die Anweisungen dann in Chat und Code-Vorschlägen für dieses Repository.

Im Detail

Anders als die .mdc-Regeln ist dies eine Instruction-Datei, die per applyTo automatisch auf .tsx-, .ts-, .jsx-, .js- und .css-Dateien angewendet wird. Sie legt fest, dass Server Components standardmäßig verwendet werden, Routen nach Feature gruppiert und Error Boundaries eingebaut werden. Für TypeScript verlangt sie Strict Mode plus Zod für Laufzeitvalidierung, für Styling ein konsistentes Tailwind-Farbschema mit Dark-Mode-Unterstützung und responsivem Design. Der Vorteil gegenüber reinen Cursor-Regeln ist die automatische Zuordnung über Dateimuster, sodass nichts manuell aktiviert werden muss. Sinnvoll für Teams, die mit einem Instruction-fähigen Tool arbeiten und klare Vorgaben zu Typsicherheit und Styling-Konsistenz wollen.

Praxis-Tipp

Das applyTo-Muster an die eigene Ordnerstruktur anpassen, damit die Instruction nicht versehentlich auch auf Config- oder Test-Dateien mit anderen Konventionen greift.

Siehe auch

• performance-optimization
• security-and-owasp

Lizenz & Quelle

• Lizenz: MIT
• Quelle: github.com/github/awesome-copilot

Lade …