react SKILL.md skillA
react from magnus919/agent-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add magnus919/agent-skills/react@git:20260902.befe2e2Pins git:20260902.befe2e2 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- magnus919/agent-skills
- Path
react/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260902.befe2e2, committed Sep 2, 2026
- Size
- 5,664 bytes
- Repository stars
- 162
- License
- MIT
Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and state flow, implement accessible responsive UI, and verify behavior with the project's tests. Use when a task explicitly involves React, JSX/TSX, React hooks, React Router, Vite React configuration, or React build failures. Do not use for framework-agnostic frontend strategy (route to frontend-engineering), browser automation (route to playwright), accessibility policy or…
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 Application Engineering Use this skill for the React-specific implementation layer. Preserve the project's existing React version, package manager, build scripts, styling conventions, and routing model unless the user asks for a migration. ## Operating loop 1. **Diagnose before editing.** Run `scripts/react-doctor.py --json [PROJECT]` and inspect `package.json`, source entry points, Vite config, TypeScript config, routes, and test scripts. The diagnostic is bounded and read-only. 2. **Define the component contract.** Identify the page/feature boundary, inputs and outputs, owned state, server state, loading/empty/error/success states, and side effects. Keep reusable components independent of route globals and avoid passing state through unrelated layers. 3. **Implement with explicit data flow.** Prefer local state for local behavior, context only for genuinely cross-cutting concerns, and the existing server state/cache solution for remote data. Keep effects for synchronization with external systems; derive values during render rather than storing duplicates. 4. **Keep UI resilient.** Render a useful loading, empty, error, and success …
Read the whole file at its exact version.
How to install
mdr add magnus919/agent-skills/react@sha256:e52f11dcfa7c0144The line at the top of this page pins the label git:20260902.befe2e2, 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_jnic4yqrwj3ij4g7)
5 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Sep 2, 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 (5664 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
magnus919/agent-skills · 162 stars · license MIT · pushed 2026-11-01 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_jnic4yqrwj3ij4g7 GET https://markdownregistry.com/api/v1/resolve?ref=magnus919/agent-skills/react GET https://markdownregistry.com/api/v1/blob/e52f11dcfa7c014404ae97abb2a845d1398545737b682313e033106120579162
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 magnus919/agent-skills
Every file in magnus919/agent-skills