Community생산성 & 협업github.com

hanson-hex/frontend-test-pattern-skill

React + Vite 프로젝트용 Claude Code 스킬입니다. 유틸리티, 컴포넌트, 훅, Zustand 스토어에 대한 Vitest 및 Testing Library 테스트를 자동 생성합니다. python-test-pattern의 동반 스킬입니다.

지원 대상Claude Code~Codex CLI~Cursor
npx skills add hanson-hex/frontend-test-pattern-skill
AI Overview & Summary

이 스킬은 React + Vite 기반 프로젝트에서 Claude Code가 Vitest와 React Testing Library를 활용한 단위 테스트를 자동으로 생성할 수 있도록 지원합니다. 유틸리티 함수, React 컴포넌트, 커스텀 훅, 그리고 Zustand 상태 관리 스토어 등 다양한 코드 유형에 대해 테스트 코드를 작성해주므로, 개발자가 반복적인 테스트 설정에 시간을 쏟지 않고 핵심 로직 개발에 집중할 수 있게 해줍니다. python-test-pattern의 프론트엔드 버전으로 설계되어 일관된 테스트 패턴을 유지하는 데 도움이 됩니다. Vue나 Angular가 아닌 React와 Vite 환경에 특화되어 있으며, Claude Code의 컨텍스트 내에서 동작하여 프로젝트의 기존 테스트 구조를 자동으로 파악하고 적절한 테스트 파일을 생성합니다. 이를 통해 테스트 커버리지를 높이고 코드 품질을 향상시키는 데 기여합니다.

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

문서

hanson-hex/frontend-test-pattern-skill

Claude Code skill for React + Vite projects — auto-generates Vitest & Testing Library tests for utils, components, hooks, and Zustand stores. Companion to python-test-pattern.

관련 스킬