Vercel

Vercel Sandbox microVM 안에서 headless Chrome과 함께 agent-browser를 실행해, Vercel에 배포된 앱이 안전하고 확장 가능한 방식으로 실제 브라우저 자동화, 스크린샷 촬영, 페이지 상호작용을 수행할 수 있도록 합니다.

vercel-react-best-practices를 설치하고 활용해 Vercel Engineering의 가이드를 바탕으로 더 빠른 React 및 Next.js 코드를 작성하고, 번들 관련 의사결정을 개선하며, 성능 회귀를 줄일 수 있습니다.

모바일 성능, UI 패턴, 애니메이션, 네이티브 앱 아키텍처에 초점을 맞춘 React Native 및 Expo 베스트 프랙티스 스킬 `vercel-react-native-skills`를 설치하고 평가해 보세요.

실용적인 CLI 중심 워크플로로 앱과 웹사이트를 Vercel 프리뷰 환경에 배포하려면 deploy-to-vercel skill을 설치하세요.

Skills CLI를 사용해 일반적인 작업, 전문 워크플로, 기능 탐색에 맞는 에이전트 스킬을 찾고 설치할 수 있도록 안내합니다.

`vercel-cli-with-tokens`를 사용하면 대화형 로그인 대신 액세스 토큰으로 Vercel 프로젝트를 배포하고 관리할 수 있습니다. CI, 자동화, 원격 에이전트, 스크립트 기반 Vercel CLI 워크플로에 특히 유용합니다.

`vercel-composition-patterns`를 설치하고 활용해 compound components, lifted state, explicit variants, React 19 친화적 API를 포함한 확장 가능한 React 컴포지션 패턴을 적용해 보세요.

web-design-guidelines를 설치하면 Vercel Web Interface Guidelines를 기준으로 UI 파일을 검토하고, UX·UI·접근성 감사에 실질적인 도움을 받을 수 있습니다.