Inspecciona aplicaciones Next.js con MCP DevTools
Los proyectos Next.js pueden ocultar detalles de rutas, componentes y build en muchos archivos. Esta habilidad consulta Next.js DevTools mediante MCP y resume esa información.
설치 전에 중지하고 확인을 요청하세요.
계획을 검토하고 파일을 변경하기 전에 사용자의 명시적 동의를 받으세요.
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "nextjs-devtools" from https://skillstore.io/skills/asmayaseen-nextjs-devtools.md and its manifest at https://skillstore.io/api/skills/asmayaseen-nextjs-devtools/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
"nextjs-devtools" 사용 중입니다. Lista las rutas de mi app.
예상 결과:
Un resumen de rutas agrupado con rutas de página, rutas API y notas sobre rutas dinámicas.
"nextjs-devtools" 사용 중입니다. ¿Por qué mi build de producción es diferente del de desarrollo?
예상 결과:
Una lista de verificación centrada en build que destaca ajustes de Next.js, diferencias de configuración y comprobaciones de seguimiento.
"nextjs-devtools" 사용 중입니다. Muestra los componentes usados en la app.
예상 결과:
Un resumen de inventario de componentes con nombres y ubicaciones probables a partir de la salida del servidor MCP.
Most static findings are false positives caused by Markdown formatting, request bookkeeping, local URLs, or a type annotation. The client still launches a user-supplied command through a shell, supports outbound HTTP, and repeatedly invokes an unpinned npm package.
이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
https://skillstore.io/skills/asmayaseen-nextjs-devtools/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/asmayaseen-nextjs-devtools?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/asmayaseen-nextjs-devtools?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/asmayaseen-nextjs-devtools/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/asmayaseen-nextjs-devtools.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Asmayaseen. (2026). nextjs-devtools security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/asmayaseen-nextjs-devtools/audits/9@techreport{asmayaseen-asmayaseen-nextjs-devtools-2026,
author = {Asmayaseen},
title = {nextjs-devtools security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/asmayaseen-nextjs-devtools/audits/9},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "nextjs-devtools security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "Asmayaseen"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/asmayaseen-nextjs-devtools/audits/9"
identifiers:
- type: other
value: "skillstore:asmayaseen-nextjs-devtools:audit:9"
description: "Skillstore immutable audit report identifier"
각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.
이 변형이 1위인 이유
asmayaseen-nextjs-devtools
2026-10-25
Lista las rutas de la app e inspecciona una ruta específica antes de cambiar la navegación.
Compara la configuración de build reportada con la configuración esperada del proyecto Next.js.
Revisa la salida de descubrimiento de componentes durante la incorporación o la refactorización.
Usa nextjs-devtools para listar todas las rutas de este proyecto Next.js. Resume las rutas dinámicas y las rutas API por separado.
Usa nextjs-devtools para inspeccionar la ruta /api/auth. Explica sus parámetros, metadatos y archivos relacionados.
Usa nextjs-devtools para obtener información de build y configuración. Identifica ajustes que podrían afectar el despliegue o el almacenamiento en caché.
Usa nextjs-devtools para listar rutas, componentes, información de build y configuración. Produce una revisión concisa de riesgos antes de una migración.
작성자
Asmayaseen라이선스
MIT
Skillstore 리비전
r2
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
89edfdc710d0846129dcee6a929477b04f08052c
유지보수 최신성
2026. 7. 26.
사용량
8 다운로드 · 201 조회
파일 구조
Diseña herramientas de agentes fiables
Los agentes fallan cuando los nombres de las herramientas, las entradas, las salidas o los errores son ambiguos. Esta habilidad ofrece patrones prácticos para descripciones de herramientas, esquemas, formatos de respuesta y pruebas.
Depurar problemas de software de forma sistemática
La corrección de errores sin estructura desperdicia tiempo y puede ocultar la falla real. Esta habilidad guía a Claude, Codex y Claude Code mediante un análisis de causa raíz basado en evidencias.
Mejorar la confiabilidad del servicio en producción
Los equipos de producción necesitan objetivos claros de confiabilidad y prácticas repetibles para incidentes. Esta habilidad proporciona plantillas de SRE para SLO, presupuestos de errores, alertas y postmortems.
Crear interfaces shadcn/ui en Next.js
Los equipos de React necesitan patrones de UI coherentes que funcionen con Next.js moderno. Esta skill proporciona orientación para configurar shadcn/ui, ejemplos de componentes, validación de formularios, tablas, barras laterales y patrones de modo oscuro.
Crear interfaces de chat de IA con streaming
El chat de IA en tiempo real se siente roto cuando los usuarios no pueden ver el progreso, el estado de la respuesta o los cambios de la interfaz. Esta skill proporciona a Claude, Codex y Claude Code patrones para ciclos de vida de streaming, eventos de progreso, efectos de cliente y herramientas de cliente.
Diagnosticar la degradación del contexto
Las sesiones largas de IA pueden perder precisión cuando el contexto crece, entra en conflicto o incluye material distractor. Esta skill ayuda a Claude, Codex y Claude Code a identificar patrones de degradación y elegir medidas prácticas de mitigación.
Depurar errores y causas raíz
작성자 89jobrien
Los errores e incidentes son difíciles de clasificar cuando la evidencia está dispersa entre logs, trazas de pila y servicios. Esta habilidad estructura el diagnóstico, analiza logs, identifica patrones y guía correcciones mínimas.
Encuentra contexto de código más rápido
작성자 89jobrien
Los desarrolladores a menudo pierden tiempo rastreando por qué existe el código y qué depende de él. Esta skill guía a Claude, Codex o Claude Code para recopilar conocimiento relacionado del grafo, llamadores, importaciones y pruebas antes de hacer cambios.
Crea aplicaciones fullstack con orientación sénior
작성자 alirezarezvani
Los proyectos fullstack suelen necesitar una configuración coherente, decisiones de arquitectura y controles de calidad. Esta skill proporciona scripts y referencias para trabajos con React, Next.js, Node.js, GraphQL y PostgreSQL.
Implementar transiciones de vista en React
작성자 vercel-labs
Las transiciones de vista en React son fáciles de colocar incorrectamente, lo que provoca animaciones silenciosas o ruidosas. Esta skill guía las decisiones de animación de rutas, Suspense, listas y elementos compartidos.
Crear componentes React con seguridad de tipos
작성자 softaworks
El trabajo con React TypeScript suele necesitar tipos precisos para eventos, hooks y rutas. Esta skill proporciona patrones enfocados para componentes tipados, APIs de React 19 y enrutamiento.
Desarrolla funcionalidades frontend listas para producción
작성자 davila7
Los equipos de frontend necesitan directrices coherentes sobre React y Next.js en todos sus proyectos. Esta habilidad proporciona flujos de trabajo de referencia, prácticas de calidad y scripts auxiliares para el análisis del frontend.