OSSForks/react
1
0
Fork 0
mirror of https://github.com/zebrajr/react.git synced 2025-12-07 12:20:38 +01:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity
7a2c7045ae
react/compiler/packages/react-mcp-server
History
Jorge Cabiedes 7a2c7045ae
[mcp] Add proper web-vitals metric collection (#33109) 
Multiple things here:
- Improve the mean calculation for metrics so we don't report 0 when
web-vitals fail to be retrieved
- improve ui chaos monkey to use puppeteer APIs since only those trigger
INP/CLS metrics since we need emulated mouse clicks
- Add logic to navigate to a temp page after render since some
web-vitals metrics are only calculated when the page is backgrounded
- Some readability improvements
2025-05-06 08:50:40 -07:00
..
src [mcp] Add proper web-vitals metric collection (#33109) 2025-05-06 08:50:40 -07:00
package.json [mcp] Fix package.json (#33101) 2025-05-02 13:56:01 -04:00
README.md [compiler] Init react-mcp-server (#32859) 2025-04-14 18:39:00 -04:00
todo.md [compiler] Init react-mcp-server (#32859) 2025-04-14 18:39:00 -04:00
tsconfig.json [compiler] Init react-mcp-server (#32859) 2025-04-14 18:39:00 -04:00
tsup.config.ts [compiler] Add missing copyrights (#33004) 2025-04-23 22:04:44 -04:00

README.md

React MCP Server (experimental)

An experimental MCP Server for React.

Development

First, add this file if you're using Claude Desktop: code ~/Library/Application\ Support/Claude/claude_desktop_config.json. Copy the absolute path from which node and from react/compiler/react-mcp-server/dist/index.js and paste, for example:

{
  "mcpServers": {
    "react": {
      "command": "/Users/<username>/.asdf/shims/node",
      "args": [
        "/Users/<username>/code/react/compiler/packages/react-mcp-server/dist/index.js"
      ]
    }
  }
}

Next, run yarn workspace react-mcp-server watch from the react/compiler directory and make changes as needed. You will need to restart Claude everytime you want to try your changes.