# @mcp-fe/react-tools

> Use this tool when you need to integrate AI models with React applications, providing direct access to state, context, and data grids for more accurate analysis. It solves problems of indirect AI inference from screenshots, enabling bidirectional communication via SharedWorkers and WebSockets. Ideal for use cases requiring seamless interaction between AI agents and React components, with a Docker gateway for streamlined deployment.

Canonical page: https://skillsregistry.net/skills/mcp-fe-mcp-fereact-tools  
JSON: https://api.skillsregistry.net/v1/skills/mcp-fe-mcp-fereact-tools

## Description

Don't let AI guess from screenshots. Give LLMs direct access to your React state, Context, and Data Grids. Features bidirectional communication via SharedWorkers & WebSockets. Docker gateway included.

## Trust

- **Trust score (0–1):** 0.92
- **Verification tier:** verified
- **Last scanned:** 2026-09-19

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** cloud-infra
- **Updated:** 2026-09-19

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/y8mefia6kh)
- **Repository:** <https://github.com/mcp-fe/mcp-fe>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "mcp-fe-mcp-fereact-tools"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/mcp-fe-mcp-fereact-tools` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/mcp-fe-mcp-fereact-tools/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt