Frontend Development

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

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

frontend-design 스킬을 사용하면 뚜렷한 비주얼 방향성, 실무에 바로 쓸 수 있는 코드 결과물, 그리고 흔한 수준을 넘는 UI 품질로 완성도 높은 프런트엔드 인터페이스를 만들 수 있습니다.

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

React, TypeScript, Tailwind CSS, shadcn/ui로 복잡한 Claude용 HTML artifact를 만들고, 이를 하나의 휴대 가능한 HTML 파일로 번들링할 수 있습니다.

Playwright 기반으로 로컬 웹 애플리케이션을 테스트하고, 렌더링된 UI 상태를 확인하며, 스크린샷을 캡처하고, 브라우저 콘솔 로그를 수집할 수 있는 스킬입니다.