next-best-practices은(는) 무엇을 하나요?
Next.js 모범 사례 - 파일 규칙, RSC 경계, 데이터 패턴, 비동기 API, 메타데이터, 오류 처리, 라우트 핸들러, 이미지/폰트 최적화, 번들링
Next.js 모범 사례 - 파일 규칙, RSC 경계, 데이터 패턴, 비동기 API, 메타데이터, 오류 처리, 라우트 핸들러, 이미지/폰트 최적화, 번들링
이 스킬은 Next.js 애플리케이션 개발 시 따라야 할 핵심 모범 사례를 제공합니다. 파일 규칙, React Server Components(RSC) 경계 설정, 데이터 패턴, 비동기 API 사용법, 메타데이터 관리, 오류 처리, 라우트 핸들러, 이미지 및 폰트 최적화, 번들링 전략을 포함한 광범위한 주제를 다룹니다. 이는 개발자들이 Next.js의 최신 기능과 권장 패턴을 활용하여 성능과 유지보수성이 뛰어난 애플리케이션을 구축할 수 있도록 돕습니다. 주로 Cursor, Claude Code와 같은 AI 코딩 어시스턴트에서 사용되며, 프로젝트 구조와 최적화에 대한 실용적인 지침을 제공합니다. 이 스킬은 SKILL.md 문서에 기반하여 각 주제에 대한 구체적인 코드 예제와 설명을 포함하고 있어, 개발자들이 즉시 적용할 수 있는 실질적인 도움을 줍니다.
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.