frontend-testing-best-practices은(는) 무엇을 하나요?
프론트엔드 테스트 모범 사례. 단위 테스트보다 E2E 테스트를 강조하고, 최소한의 모킹, 구현 세부 사항보다 동작 테스트를 중시합니다. 테스트를 작성하거나 테스트 코드를 검토할 때 사용하세요.
프론트엔드 테스트 모범 사례. 단위 테스트보다 E2E 테스트를 강조하고, 최소한의 모킹, 구현 세부 사항보다 동작 테스트를 중시합니다. 테스트를 작성하거나 테스트 코드를 검토할 때 사용하세요.
이 스킬은 프론트엔드 개발에서 테스트 모범 사례를 정의합니다. Playwright와 같은 도구로 E2E(종단 간) 테스트를 우선시하며, Jest나 Vitest 같은 단위 테스트 도구보다 실제 사용자 상호작용과 시스템 통합을 검증하는 방식을 권장합니다. 또한, 모킹을 최소화하여 실제 환경에 가깝게 테스트하고, 외부 서비스 의존성을 줄이는 방법을 제안합니다. 핵심 원칙은 구현 세부 사항이 아닌 사용자 행동과 비즈니스 로직의 동작을 테스트하는 데 초점을 맞추며, 이는 리팩터링 내성을 높이고 유지보수성을 향상시킵니다. 주로 Vite, Playwright, Vitest, Testing Library와 같은 현대적인 프론트엔드 도구와 함께 사용되며, TDD(테스트 주도 개발)나 CI/CD 파이프라인에서의 테스트 전략 수립에도 유용합니다. 이 스킬은 테스트 코드를 작성하거나 검토할 때 일관된 품질 기준을 제공하여 버그를 조기에 발견하고 안정성을 높이는 데 기여합니다.
npx skills add https://github.com/sergiodxa/agent-skills/tree/main/skills/frontend-testing-best-practicesInstalled? Explore more 생산성 & 협업 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
프론트엔드 테스트 모범 사례. 단위 테스트보다 E2E 테스트를 강조하고, 최소한의 모킹, 구현 세부 사항보다 동작 테스트를 중시합니다. 테스트를 작성하거나 테스트 코드를 검토할 때 사용하세요.
This repo contains 2 individual skills — each has its own dedicated page.
React performance optimization guidelines. Use when writing, reviewing, or refactoring React components to ensure optimal rendering and bundle patterns. Triggers on tasks involving React components, hooks, memoization, or bundle optimization.
Security audit guidelines for web applications and REST APIs based on OWASP Top 10 and web security best practices. Use when checking code for vulnerabilities, reviewing auth/authz, auditing APIs, or before production deployment.
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.