SKILL
React 성능 점검·개선
React·Next.js 코드에서 성능을 떨어뜨리는 패턴 70가지를 찾아 고칩니다.
React 와 Next.js 코드를 쓰거나 고칠 때 Vercel 엔지니어링이 정리한 성능 규칙 70개를 적용하게 하는 스킬입니다. 이런 때 사용하세요 - React·Next.js 화면이 느릴 때 원인을 찾을 때 - 새 컴포넌트를 짜거나 코드 리뷰를 할 때 결과물 - 규칙에 맞춘 코드 수정과 지적 사항. 규칙은 영향이 큰 순서(워터폴, 번들 크기, 서버 성능, 데이터 가져오기, 다시 그리기, 렌더링, 자바스크립트, 고급 패턴)로 적용합니다. 사용 범위와 제한 - 규칙마다 이유와 틀린 예·맞는 예가 rules/ 폴더에 따로 들어 있습니다(뼈대 2개 포함 72개 파일). AGENTS.md 는 전부를 한 파일로 펼친 것입니다. 원본·제작 - 원본: github.com/vercel-labs/agent-skills · 제작: Vercel · 라이선스: MIT
원본 변경 2026년 4월 14일 · 정보 확인 2026년 10월 19일 · RAISE LAB 실행 확인 전
설치하기
아래 버튼으로 프롬프트를 복사해 내 클로드에 붙여넣으면 클로드가 받아서 설치합니다. 원문은 원본 저장소에서 먼저 볼 수 있습니다.
어디에 설치되나요
모든 프로젝트에서 쓰려면 내 컴퓨터의 ~/.claude/skills 에, 지금 프로젝트에서만 쓰려면 그 프로젝트의 .claude/skills 에 넣습니다. 프롬프트로 설치하면 어느 쪽에 넣을지 클로드가 물어봅니다.
같은 이름의 스킬이 이미 있으면 지우지 않고 백업해 두도록 프롬프트에 적혀 있습니다. 새 판이 나오면 같은 프롬프트를 다시 붙여넣으세요.
출처와 라이선스
vercel-labs/agent-skills · react-best-practices (MIT)
저장소에 LICENSE 파일은 없고 README 의 ## License 절이 MIT 라고 밝힙니다. SKILL.md 머리에도 license: MIT, metadata.author: vercel 이 적혀 있습니다. 그 선언을 따라 MIT 본문을 싣습니다. 아래 저작권자 줄은 원문에 없어 저장소 소유자(vercel-labs)와 SKILL.md 의 author 를 근거로 적은 추정입니다.
라이선스 전문 보기
MIT License
Copyright (c) Vercel, Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
포함된 파일
| AGENTS.md | 105.7 KB |
| NOTICE.md | 1.5 KB |
| README.md | 4.7 KB |
| rules/_sections.md | 1.5 KB |
| rules/_template.md | 631 B |
| rules/advanced-effect-event-deps.md | 1.8 KB |
| rules/advanced-event-handler-refs.md | 1.4 KB |
| rules/advanced-init-once.md | 958 B |
| rules/advanced-use-latest.md | 1.0 KB |
| rules/async-api-routes.md | 1.1 KB |
| rules/async-cheap-condition-before-await.md | 1.2 KB |
| rules/async-defer-await.md | 2.2 KB |
| rules/async-dependencies.md | 1.3 KB |
| rules/async-parallel.md | 654 B |
| rules/async-suspense-boundaries.md | 2.5 KB |
| rules/bundle-analyzable-paths.md | 2.3 KB |
| rules/bundle-barrel-imports.md | 2.7 KB |
| rules/bundle-conditional.md | 949 B |
| rules/bundle-defer-third-party.md | 920 B |
| rules/bundle-dynamic-imports.md | 791 B |
| rules/bundle-preload.md | 1.1 KB |
| rules/client-event-listeners.md | 1.9 KB |
| rules/client-localstorage-schema.md | 1.9 KB |
| rules/client-passive-event-listeners.md | 1.6 KB |
| rules/client-swr-dedup.md | 1.1 KB |
| rules/js-batch-dom-css.md | 3.2 KB |
| rules/js-cache-function-results.md | 1.9 KB |
| rules/js-cache-property-access.md | 532 B |
| rules/js-cache-storage.md | 1.6 KB |
| rules/js-combine-iterations.md | 753 B |
| rules/js-early-exit.md | 1.1 KB |
| rules/js-flatmap-filter.md | 1.4 KB |
| rules/js-hoist-regexp.md | 1.0 KB |
| rules/js-index-maps.md | 837 B |
| rules/js-length-check-first.md | 1.7 KB |
| rules/js-min-max-loop.md | 2.2 KB |
| rules/js-request-idle-callback.md | 2.6 KB |
| rules/js-set-map-lookups.md | 532 B |
| rules/js-tosorted-immutable.md | 1.7 KB |
| rules/rendering-activity.md | 564 B |
| rules/rendering-animate-svg-wrapper.md | 1.2 KB |
| rules/rendering-conditional-render.md | 980 B |
| rules/rendering-content-visibility.md | 815 B |
| rules/rendering-hoist-jsx.md | 1.0 KB |
| rules/rendering-hydration-no-flicker.md | 2.3 KB |
| rules/rendering-hydration-suppress-warning.md | 872 B |
| rules/rendering-resource-hints.md | 2.5 KB |
| rules/rendering-script-defer-async.md | 1.8 KB |
| rules/rendering-svg-precision.md | 588 B |
| rules/rendering-usetransition-loading.md | 2.0 KB |
| rules/rerender-defer-reads.md | 973 B |
| rules/rerender-dependencies.md | 824 B |
| rules/rerender-derived-state-no-effect.md | 1.2 KB |
| rules/rerender-derived-state.md | 728 B |
| rules/rerender-functional-setstate.md | 2.9 KB |
| rules/rerender-lazy-state-init.md | 2.0 KB |
| rules/rerender-memo-with-default-value.md | 1.1 KB |
| rules/rerender-memo.md | 1.1 KB |
| rules/rerender-move-effect-to-event.md | 1.2 KB |
| rules/rerender-no-inline-components.md | 2.1 KB |
| rules/rerender-simple-expression-in-memo.md | 1018 B |
| rules/rerender-split-combined-hooks.md | 1.8 KB |
| rules/rerender-transitions.md | 1.0 KB |
| rules/rerender-use-deferred-value.md | 1.8 KB |
| rules/rerender-use-ref-transient-values.md | 1.7 KB |
| rules/server-after-nonblocking.md | 2.0 KB |
| rules/server-auth-actions.md | 2.6 KB |
| rules/server-cache-lru.md | 1.3 KB |
| rules/server-cache-react.md | 2.2 KB |
| rules/server-dedup-props.md | 2.0 KB |
| rules/server-hoist-static-io.md | 4.3 KB |
| rules/server-no-shared-module-state.md | 1.7 KB |
| rules/server-parallel-fetching.md | 1.5 KB |
| rules/server-parallel-nested-fetching.md | 992 B |
| rules/server-serialization.md | 996 B |
| SKILL.md | 7.5 KB |
파일 확인값 a0aee69bc814761f…
변경 내역
최초 배포 (skills.sh 원문 그대로)