react SKILL.md skillA
react from dalestudy/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add dalestudy/skills/react@v1.0.0Pins v1.0.0 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- dalestudy/skills
- Path
skills/react/SKILL.md- Versions recorded
- 1
- Latest version
- v1.0.0, committed Feb 20, 2026
- Size
- 10,112 bytes
- Repository stars
- 4
- License
- MIT
React 성능 최적화 및 베스트 프랙티스 스킬. Vercel Engineering 가이드 기반, 프레임워크 비종속. 다음 상황에서 사용: (1) React 컴포넌트(.tsx, .jsx) 작성 또는 수정 시, (2) 상태 관리, hooks, 리렌더링 최적화 작업 시, (3) 비동기 데이터 페칭 또는 Suspense 패턴 작업 시, (4) 번들 사이즈 최적화 또는 코드 스플리팅 시, (5) 'react', 'useState', 'useEffect', 'useMemo', 'useCallback', 'memo', 'Suspense', 'lazy' 키워드가 포함된 작업 시.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# React Vercel 가이드 기반 React 성능 최적화 베스트 프랙티스. 프레임워크 비종속(Next.js, Remix, Vite 등 무관). 각 규칙의 상세 설명과 코드 예제는 [references/](references/) 참고. 원본 Vercel 가이드의 전체 규칙(Next.js/SSR 포함)은 [vercel-react-best-practices](https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices) 참고. ## 규칙 카테고리 | 우선순위 | 카테고리 | 영향도 | 접두사 | |----------|----------|--------|--------| | 1 | 비동기 워터폴 제거 | CRITICAL | `async-` | | 2 | 번들 사이즈 최적화 | CRITICAL | `bundle-` | | 3 | 리렌더링 최적화 | MEDIUM | `rerender-` | | 4 | 렌더링 성능 | MEDIUM | `rendering-` | | 5 | 클라이언트 데이터/이벤트 | MEDIUM | `client-` | | 6 | JavaScript 성능 | LOW-MEDIUM | `js-` | | 7 | 고급 패턴 | LOW | `advanced-` | ## 빠른 참조 ### 1. 비동기 워터폴 제거 (CRITICAL) - [`async-parallel`](references/async-parallel.md) - `Promise.all()`로 독립 작업 병렬화 - [`async-defer-await`](references/async-defer-await.md) - 불필요한 경로에서 await 지연 - [`async-suspense-boundaries`](references/async-suspense-boundaries.md) - Suspense로 부분 렌더링 - [`async-dependencies`](references/async-dependencies.md) - 부분 의존성 있는 작업의 최대 병렬화 ### 2. 번들 사이즈 최적화 (CRITICAL) - [`bundle-barrel-imports`](references/bundle-barrel-imports.md) - barrel file 직접 import 지양 …
Read the whole file at its exact version.
How to install
mdr add dalestudy/skills/react@sha256:44931f14fef964baThe line at the top of this page pins the label v1.0.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_tue3i5zfao3znq6h)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Feb 20, 2026.
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (10112 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
dalestudy/skills · 4 stars · license MIT · pushed 2026-10-18 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_tue3i5zfao3znq6h GET https://markdownregistry.com/api/v1/resolve?ref=dalestudy/skills/react GET https://markdownregistry.com/api/v1/blob/44931f14fef964bab5d6ec3c86bf4ea3ed46120e8a1c196d70bb13f921df6fee
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.
More from dalestudy/skills
Every file in dalestudy/skills