frontend-react-best-practices은(는) 무엇을 하나요?
React 성능 최적화 지침서. React 컴포넌트, 훅, 메모이제이션 또는 번들 최적화 관련 작업 시 사용하여 최적의 렌더링과 번들 패턴을 보장합니다.
React 성능 최적화 지침서. React 컴포넌트, 훅, 메모이제이션 또는 번들 최적화 관련 작업 시 사용하여 최적의 렌더링과 번들 패턴을 보장합니다.
이 스킬은 React 컴포넌트를 작성, 리뷰 또는 리팩토링할 때 성능 최적화 모범 사례를 제공합니다. 주요 특징으로는 불필요한 리렌더링 방지를 위한 메모이제이션(React.memo, useMemo, useCallback), 효율적인 상태 관리, 코드 스플리팅과 지연 로딩을 통한 번들 최적화, 그리고 useEffect와 useLayoutEffect의 적절한 사용법이 포함됩니다. 이 스킬은 Cursor, Claude Code, Codex 등 다양한 AI 에이전트와 호환되며, React 컴포넌트, 훅, 또는 번들 크기 관련 작업을 수행할 때 자동으로 트리거됩니다. 개발자는 이 지침을 따라 사용자 경험을 향상시키고 애플리케이션의 전반적인 성능을 개선할 수 있습니다.
npx skills add https://github.com/sergiodxa/agent-skills/tree/main/skills/frontend-react-best-practicesInstalled? Explore more 생산성 & 협업 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
React 성능 최적화 지침서. React 컴포넌트, 훅, 메모이제이션 또는 번들 최적화 관련 작업 시 사용하여 최적의 렌더링과 번들 패턴을 보장합니다.
This repo contains 2 individual skills — each has its own dedicated page.
Testing best practices for the frontend. Emphasizes E2E tests over unit tests, minimal mocking, and testing behavior over implementation details. Use when writing tests or reviewing test code.
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.