vercel-labs/next-browser

CLI, das Agenten das liefert, was Menschen von React DevTools und dem Next.js-Entwicklungs-Overlay erhalten — Komponentenbäume, Props, Hooks, PPR-Shells, Fehler, Netzwerk — als Shell-Befehle, die strukturierten Text zurückgeben.

Was ist next-browser?

Dieses Skill, vercel-labs/next-browser, ist ein CLI-Tool, das KI-Agenten (z. B. Claude Code, Cursor, Codex) ermöglicht, tiefgehende Einblicke in die Struktur und den Zustand von Next.js-Anwendungen zu gewinnen. Es emuliert die Informationen, die Entwickler normalerweise visuell in React DevTools und der Next.js-Entwicklungs-Overlay erhalten, wie Komponentenbäume, Props, Hooks, PPR-Shells, Fehler und Netzwerkdaten. Statt einer grafischen Oberfläche gibt es diese Informationen jedoch als strukturierten Text über Shell-Befehle aus. Dies ist besonders nützlich für automatisierte Debugging-Prozesse, Build-Analysen und die Integration in Agenten-Workflows, da es eine maschinenlesbare Schnittstelle zu den internen Details einer Next.js-Anwendung bietet. Es unterstützt gängige Next.js-Versionen und kann in CI/CD-Pipelines oder als Teil von Entwicklungs-Assistenten eingesetzt werden, um die Effizienz der Fehlersuche und Optimierung zu steigern.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vercel-labs/next-browser/tree/main/skills/next-browser

Installed? Explore more Produktivität & Zusammenarbeit skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht next-browser?

CLI, das Agenten das liefert, was Menschen von React DevTools und dem Next.js-Entwicklungs-Overlay erhalten — Komponentenbäume, Props, Hooks, PPR-Shells, Fehler, Netzwerk — als Shell-Befehle, die strukturierten Text zurückgeben.

Verwandte Skills