New:Microsoft Teams Notifications Are Now Available in Socket.Learn more →
Get Started

@pymodel/react-frontend-skills-mcp

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@pymodel/react-frontend-skills-mcp

Read-only MCP server for 18 production-grade React frontend agent skills.

latest
Source
npmnpm
Version
1.1.1
Version published
Maintainers
1
Created
Source

React Frontend Skills MCP

Read-only Model Context Protocol server for the 18 skills in PyModel/react-frontend-skills.

The npm package is self-contained: every Markdown skill and reference file is copied into the package tarball during npm pack/npm publish. Runtime access does not require a network connection or a repository checkout.

Install

Run directly with npm:

npx -y @pymodel/react-frontend-skills-mcp

For MCP clients that use an mcpServers JSON object:

{
  "mcpServers": {
    "react-frontend-skills": {
      "command": "npx",
      "args": ["-y", "@pymodel/react-frontend-skills-mcp"]
    }
  }
}

The server uses stdio transport. Do not wrap it with a command that writes non-protocol output to stdout.

Tools

ToolPurpose
list_skillsList all skills with descriptions, file counts, and resource URIs.
search_skillsSearch documentation with an optional exact skill filter and a bounded result count.
get_skillReturn the complete SKILL.md for an exact skill name.
get_referenceReturn one Markdown file by skill name and relative path.

All tools declare read-only, non-destructive, idempotent annotations. Search returns source paths, line numbers, excerpts, scores, and resource URIs. Results are capped at 20 entries per call.

Resources

  • react-skills://catalog — JSON catalog of all skills.
  • react-skills://file/{id} — complete Markdown skill or reference file.

resources/list enumerates every available Markdown file, so clients can discover and read source material without guessing paths.

Local development

From the repository root:

cd mcp
npm install
npm test
npm run check
npm pack --dry-run

During repository development, the server reads ../skills. Published tarballs read the generated data/skills directory. To test another trusted checkout explicitly:

REACT_FRONTEND_SKILLS_DIR=/absolute/path/to/skills npm start

The configured directory must exist and contain skill folders with SKILL.md files. Tool inputs never become filesystem paths; files are indexed at startup and served from the in-memory catalog.

Packaging

prepack copies the repository's canonical skills/ tree into data/skills. postpack removes that generated directory so duplicated skill content is not committed. Packaging fails unless the packaged skill directories match the source skills/ tree and each has a SKILL.md.

Requirements

  • Node.js 20 or newer
  • An MCP client with stdio support

License

MIT © 2026 Mohamed Elkholy

Keywords

mcp

FAQs

Package last updated on 26 Sep 2026

Related posts