CommunityCodierung & Entwicklunggithub.com

thanatornPik/nextjs-skill-app-workshop

Verwenden Sie dieses Skill, wenn ein Entwickler fragt, wie dieses Next.js-Projekt eingerichtet, ausgeführt oder verstanden werden kann. Es eignet sich für Onboarding-Fragen wie „Wie ist dieses Projekt eingerichtet?“, „Wie starte ich es?“, „Welcher Stack wird verwendet?“ oder Docker/Prisma-Fragen von Neulingen in der Codebasis.

Was ist nextjs-skill-app-workshop?

Dieses Skill (thanatornPik/nextjs-skill-app-workshop) dient dem Onboarding neuer Entwickler in ein Next.js-Projekt. Es führt durch die Einrichtung von der Repository-Kopie bis zum lokalen Start. Das Skill bezieht sich auf reale Dateien im Repository, wie z.B. package.json, .env.example, prisma/schema.json, Dockerfile und next.config.ts. Es stellt sicher, dass nur sichere Befehle empfohlen werden, z.B. npm install, npx prisma generate und npm run dev, und warnt vor destruktiven Datenbankoperationen wie npx prisma db push während des Onboardings. Es unterstützt Plattformen wie Claude Code, Cursor und Codex und bietet eine tabellarische Ausgabe mit Setup-Schritten über ein Template. Besonderheiten: Prisma verwendet einen benutzerdefinierten Ausgabepfad (generated/prisma), der Docker-Build setzt auf standalone-Modus, und die Benutzeroberfläche ist hauptsächlich auf Thai. Das Skill liest zusätzliche Referenzdateien wie references/database-setup.md und references/project-notes.md für tiefergehende Fragen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thanatornPik/nextjs-skill-app-workshop/tree/HEAD/.agents/skills/project-onboarding-guide

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Skill für Projekt-Onboarding

Hilft neuen Entwicklern, dieses Projekt zu verstehen, vom Klonen bis zum lokalen Laufen. Dabei wird vor der Antwort auf die tatsächlichen Dateien im Repository Bezug genommen.

Stolperfallen

  • Nicht raten, welche Skripte in package.json vorhanden sind.
  • Während des Onboardings keine destruktiven Datenbankbefehle wie npx prisma db push, npx prisma migrate deploy oder npx prisma migrate dev verwenden.
  • Wenn Docker erwähnt wird, sowohl Dockerfile als auch next.config.ts überprüfen.

Einrichtungsschritt

Führe zuerst dieses Skript aus: .agents/skills/project-boarding-guide/scripts/check-onboarding.sh Wenn das Skript nicht ausgeführt werden kann, überprüfe selbst:

  • package.json
  • .env.example
  • prisma/schema.json
  • Dockerfile
  • next.config.ts

Für das allgemeine Onboarding empfehle nur diese sicheren Befehle:

npm install
cp .env.example .env
npx prisma generate
npm run lint
npm run dev

Falls der Benutzer direkt nach Datenbank-Setup oder Seed-Daten fragt, lies diese Datei: references/database-setup.md

Projektbesonderheiten

Weitere Details findest du in references/project-notes.md

  • Next.js App Router + TypeScript
  • Prisma verwendet einen benutzerdefinierten Ausgabepfad nach generated/prisma
  • Prisma Client wird aus dem generierten Pfad importiert, nicht von @prisma/client
  • Dockerfile verwendet möglicherweise .next/standalone; in next.config.ts muss output: "standalone" gesetzt sein
  • Hauptsächlich Thai als UI-Sprache

Ausgabeformat

Wenn nach Einrichtung oder Projektsetup gefragt wird, verwende nur die Vorlage in assets/templates/setup-table.md

Mindestens erforderlich:

  • Kurze Übersicht
  • Tabelle der Einrichtungsschritte
  • Auszuführende Befehle
  • Hinweise zu den Besonderheiten dieses Repos

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Verwandte Skills