¿Qué hace next-best-practices?
Mejores prácticas de Next.js: convenciones de archivos, límites de RSC, patrones de datos, APIs asíncronas, metadatos, manejo de errores, manejadores de rutas, optimización de imágenes/fuentes y empaquetado.
Mejores prácticas de Next.js: convenciones de archivos, límites de RSC, patrones de datos, APIs asíncronas, metadatos, manejo de errores, manejadores de rutas, optimización de imágenes/fuentes y empaquetado.
Este skill proporciona una guía completa de mejores prácticas para desarrolladores que trabajan con Next.js, cubriendo desde convenciones de archivos y límites de Componentes del Servidor de React (RSC) hasta patrones de datos, APIs asíncronas, gestión de metadatos, manejo de errores, manejadores de rutas, optimización de imágenes y fuentes, y estrategias de empaquetado. Es útil tanto para agentes de IA como para desarrolladores humanos que buscan escribir aplicaciones Next.js más eficientes, mantenibles y alineadas con las recomendaciones oficiales. Funciona en plataformas como Claude Code, Cursor y Codex, y se basa en la documentación oficial de Next.js para garantizar la exactitud de las sugerencias. Al seguir estas pautas, los agentes pueden generar código más robusto y optimizado automáticamente.
npx skills add https://github.com/vercel/nextjs-skills/tree/main/skills/next-best-practicesInstalled? Explore more Imagen skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Mejores prácticas de Next.js: convenciones de archivos, límites de RSC, patrones de datos, APIs asíncronas, metadatos, manejo de errores, manejadores de rutas, optimización de imágenes/fuentes y empaquetado.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.