next-best-practices 是做什么的？
Next.js 最佳实践 - 文件约定、RSC 边界、数据模式、异步 API、元数据、错误处理、路由处理器、图片/字体优化、打包
Next.js 最佳实践 - 文件约定、RSC 边界、数据模式、异步 API、元数据、错误处理、路由处理器、图片/字体优化、打包
该技能提供了 Next.js 应用程序开发的一系列最佳实践指南，涵盖从项目结构到性能优化的关键领域。它详细介绍了文件约定（如布局、页面、加载状态）、React Server Components (RSC) 的使用边界、数据获取与缓存模式、异步 API 的设计、元数据管理、错误处理策略、路由处理器的写法，以及图片和字体优化、打包配置等。这些实践帮助开发者在 Cursor、Claude Code 等 AI 编码工具中，确保 Next.js 代码遵循社区公认的高效、可维护和安全的标准。
npx skills add https://github.com/vercel/nextjs-skills/tree/main/skills/next-best-practicesInstalled? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Next.js 最佳实践 - 文件约定、RSC 边界、数据模式、异步 API、元数据、错误处理、路由处理器、图片/字体优化、打包
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.