Fähigkeiten nextjs-architecture

📦

nextjs-architecture

Name: nextjs-architecture
Author: Joseph OBrien

v1.0.1 Inhaltsrevision r1 Sicher ⚙️ Externe Befehle

Next.js App Router-Architektur planen

Next.js-Teams können Schwierigkeiten haben, Routen, Komponenten, Datenladen und Migrationsschritte auszuwählen. Diese Skill bietet strukturierte Architekturberatung für App Router, Server Components und Performance.

Unterstützt: Claude Codex Code(CC)

🥈 81 Silber

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage

Review the Skillstore skill "nextjs-architecture" from https://skillstore.io/skills/89jobrien-nextjs-architecture.md and its manifest at https://skillstore.io/api/skills/89jobrien-nextjs-architecture/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/89jobrien-nextjs-architecture.md Signiertes manifest GET /api/skills/89jobrien-nextjs-architecture/manifest Signiertes lockfile GET /api/skills/89jobrien-nextjs-architecture/lockfile

Testen

„nextjs-architecture“ wird verwendet. Migriere ein Benutzer-Dashboard von Pages Router zu App Router.

Erwartetes Ergebnis:

Ein phasenweiser Migrationsplan mit Routen-Mapping, Layout-Änderungen, Server Component-Beratung, Validierungsschritten und Release-Risiken.

„nextjs-architecture“ wird verwendet. Entwirf eine neue Anwendung mit Authentifizierung, Dashboards und API-Routen.

Erwartetes Ergebnis:

Eine App Router-Ordnerstrategie mit Route Groups, gemeinsamen Layouts, API-Grenzen und empfohlenen Rendering-Entscheidungen.

„nextjs-architecture“ wird verwendet. Prüfe ein langsames Next.js-Feature vor dem Produktionsstart.

Erwartetes Ergebnis:

Eine Performance-Prüfung zu statischer Generierung, ISR, Streaming, Bildoptimierung, Code-Splitting und Komponentengrenzen.

Sicherheitsaudit

Sicher

v6 • 5.7.2026 Versionsbericht öffnen

Static analysis flagged Markdown code fences as Ruby or shell backtick execution. Review of SKILL.md shows these lines are examples, directory trees, and TypeScript samples, not commands executed by the skill. No prompt injection or intent-level abuse was found.

Gescannte Dateien

155

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Risikofaktoren

⚙️ Externe Befehle (13)

SKILL.md:40-42 SKILL.md:42-44 SKILL.md:44-46 SKILL.md:46-50 SKILL.md:50-52 SKILL.md:52-58 SKILL.md:58-70 SKILL.md:70-99 SKILL.md:99-105 SKILL.md:105-119 SKILL.md:119-123 SKILL.md:123-134 SKILL.md:134-136

Das letzte abgeschlossene statische und semantische Audit erkannte keine bestätigten Sicherheitsbefunde. Dies beweist nicht, dass der Skill keine Nebenwirkungen hat.

Geprüft von: codex Audit-Verlauf anzeigen →

Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen

Berichtslink kopieren

https://skillstore.io/skills/89jobrien-nextjs-architecture/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/89jobrien-nextjs-architecture/security.svg)](https://skillstore.io/skills/89jobrien-nextjs-architecture?utm_source=security_passport_badge)

HTML-Badge

<a href="https://skillstore.io/skills/89jobrien-nextjs-architecture?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/89jobrien-nextjs-architecture/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/89jobrien-nextjs-architecture.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

Joseph OBrien. (2026). nextjs-architecture security audit report (audit version 6) [Author version 1.0.1]. Skillstore. https://skillstore.io/skills/89jobrien-nextjs-architecture/audits/6

BibTeX-Zitat

@techreport{joseph-obrien-89jobrien-nextjs-architecture-2026,
  author = {Joseph OBrien},
  title = {nextjs-architecture security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/89jobrien-nextjs-architecture/audits/6},
  note = {Author version 1.0.1}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "nextjs-architecture security audit report (audit version 6)"
version: "1.0.1"
type: report
authors:
  - name: "Joseph OBrien"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/89jobrien-nextjs-architecture/audits/6"
identifiers:
  - type: other
    value: "skillstore:89jobrien-nextjs-architecture:audit:6"
    description: "Skillstore immutable audit report identifier"

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

100

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Eine neue Produktarchitektur entwerfen

Erstelle eine Next.js App Router-Struktur mit Route Groups, Layouts, API-Routen und Entscheidungen zum Datenladen.

Eine Router-Migration planen

Überführe Pages Router-Konzepte in App Router-Layouts, -Seiten und serverorientierte Datenmuster.

Produktionsreife überprüfen

Bewerte Komponentengrenzen, Rendering-Modi, Streaming, Bildverarbeitung und Code-Splitting vor dem Release.

Diese Prompts ausprobieren

Ein neues App Router-Projekt planen

Verwende die nextjs-architecture Skill, um eine App Router-Struktur für eine [type]-App mit [features] zu entwerfen. Beziehe Route Groups, Layouts und Hinweise zum Datenladen ein.

Komponentengrenzen auswählen

Prüfe diesen Feature-Plan und empfehle Server Components, Client Components, Suspense-Grenzen und Datenabrufmuster.

Pages Router migrieren

Analysiere diese Pages Router-Struktur und erstelle einen phasenweisen Migrationsplan zu App Router. Beziehe Layout-Konvertierung, Routen-Mapping und Risikoprüfungen ein.

Produktionsarchitektur optimieren

Prüfe diese Next.js-Architektur auf Performance und Skalierbarkeit. Empfiehl Verbesserungen für statische Generierung, ISR, Streaming, Caching, Bildstrategie und Code-Splitting.

Bewährte Praktiken

Stelle die aktuelle Routenstruktur, wichtige Seiten, Datenquellen und Authentifizierungsanforderungen bereit.
Frage bei Router-Änderungen nach Migrationsrisiken, Fallback-Plänen und Validierungsprüfungen.
Validiere Empfehlungen anhand der genauen Next.js-Version und Deployment-Plattform.

Vermeiden

Nach einer vollständigen Architektur fragen, ohne Routen, Datenanforderungen oder Einschränkungen zu teilen.
Client Components breit einsetzen, wenn Server Components die Funktion erfüllen.
Generierte Migrationsschritte als abgeschlossen behandeln, ohne Build, Routing und Performance zu testen.

Häufig gestellte Fragen

Schreibt diese Skill Next.js-Code?

Sie kann Code-Muster vorschlagen, wenn der Host-Agent danach fragt, aber ihr Hauptzweck ist Architekturberatung.

Kann sie ein gesamtes Repository automatisch migrieren?

Nein. Sie kann einen Migrationsplan erstellen und Änderungen anleiten, wenn Repository-Dateien bereitgestellt werden.

Unterstützt sie den App Router?

Ja. Die Skill konzentriert sich auf App Router-Struktur, Layouts, Route Groups und Server Components.

Kann sie bei Server Components helfen?

Ja. Sie empfiehlt, wann Server Components, Client Components, Suspense und serverorientierter Datenzugriff verwendet werden sollten.

Deckt sie Performance-Optimierung ab?

Ja. Sie behandelt statische Generierung, ISR, Streaming, Bildoptimierung und Code-Splitting.

Welche KI-Tools können diese Skill verwenden?

Der Bericht nennt Unterstützung für Claude, Codex und Claude Code.

Entwicklerdetails

Autor

Joseph OBrien

Lizenz

MIT

Autorenversion

v1.0.1

Skillstore-Revision

Repository

https://github.com/89jobrien/steve/tree/main/steve/skills/nextjs-architecture

Ref.

c4037264bbd363c572662d6154a3ab28f5ca4f53

Aktualität der Wartung

20.7.2026

Nutzung

15 Downloads · 217 Aufrufe

Dateistruktur

📄 SKILL.md