next-best-practices 是做什麼的？
Next.js 最佳實務 – 檔案慣例、RSC 邊界、資料模式、非同步 API、元資料、錯誤處理、路由處理器、圖片/字型優化、打包
Next.js 最佳實務 – 檔案慣例、RSC 邊界、資料模式、非同步 API、元資料、錯誤處理、路由處理器、圖片/字型優化、打包
這項技能提供 Next.js 應用程式開發的全面最佳實務指南，涵蓋從檔案慣例到進階資料模式的廣泛主題。它針對 React Server Components (RSC) 的邊界管理、非同步 API 使用、元資料配置、錯誤處理、路由處理器、圖片與字型優化，以及打包策略提供具體建議。這項技能適合使用 Claude Code、Cursor 或 Codex 等 AI 編碼代理的開發者，幫助他們在專案中自動遵循 Next.js 官方與社群推薦的實務準則。通過引用 SKILL.md 中結構化的指導，AI 代理能夠在編碼時即時提供符合最佳實務的建議，減少開發者查閱文件的時間，並提升程式碼品質與效能。支援所有 Next.js 專案，尤其是 App Router 架構的專案。
npx skills add https://github.com/vercel-labs/next-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、元資料、錯誤處理、路由處理器、圖片/字型優化、打包
This repo contains 2 individual skills — each has its own dedicated page.
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.