# Frontend Code Analysis MCP

> Use this tool when you need to analyze and visualize frontend project code, converting complex React, Vue, or Angular codebases into understandable flow diagrams and object structures. It solves problems related to code comprehension, debugging, and optimization, providing insights into project structure, variables, functions, and components. Ideal for use during development, debugging, or maintenance phases to improve code quality and reduce complexity.

Canonical page: https://skillsregistry.net/skills/cmc12138-mcp  
JSON: https://api.skillsregistry.net/v1/skills/cmc12138-mcp

## Description

Analyzes frontend project code (React, Vue, Angular) and converts it into AI-understandable flow diagrams and object structures. Provides tools for code analysis, variable/function/component inspection, and project structure insights.

## Trust

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

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** other
- **Updated:** 2026-09-28

## Source

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

## 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": "cmc12138-mcp"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/cmc12138-mcp` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/cmc12138-mcp/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