next-best-practices 是做什麼的？
Next.js 最佳實務 – 檔案慣例、RSC 邊界、資料模式、非同步 API、中繼資料、錯誤處理、路由處理器、圖片/字型最佳化與打包策略
Next.js 最佳實務指南 – 檔案慣例、RSC 邊界、資料模式、非同步 API、中繼資料、錯誤處理、路由處理器、圖片/字型最佳化與打包策略
這個技能提供了一套完整的 Next.js 開發最佳實務，涵蓋從檔案命名慣例到 React Server Components (RSC) 的邊界管理、資料擷取模式、非同步 API 的使用方式，以及中繼資料、錯誤處理、路由處理器、圖片與字型最佳化、打包策略等關鍵主題。它適合使用 Next.js 框架的開發者，無論是 App Router 還是 Pages Router 專案，都能從中獲得實用的準則。此技能基於 Next.js 官方文件與社群共識，幫助開發者避免常見陷阱，提升應用程式的效能、可維護性與開發體驗。透過遵循這些慣例，團隊可以保持程式碼一致性，並充分利用 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.