# Frontend Guru MCP

> Use this tool when you need to transform design inputs into production-ready React components, solving the problem of manual coding and design inconsistencies. It takes in design inputs such as URLs, screenshots, and descriptions, and outputs fully functional React components that follow the G2's Elevate 2.0 design system. Ideal for use cases where rapid frontend development and design standardization are crucial, providing both a server and web interface for seamless integration.

Canonical page: https://skillsregistry.net/skills/abedell-g2-frontend-guru-mcp  
JSON: https://api.skillsregistry.net/v1/skills/abedell-g2-frontend-guru-mcp

## Description

Transforms design inputs (URLs, screenshots, descriptions) into production-ready React components following G2's Elevate 2.0 design system, providing both an MCP server for Claude Code and a web interface.

## Trust

- **Trust score (0–1):** 0.69
- **Verification tier:** scanned
- **Last scanned:** 2026-08-30

## Facts

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

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/hmrrnzpjfa)
- **Repository:** <https://github.com/abedell-g2/frontend-guru-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": "abedell-g2-frontend-guru-mcp"
    }
  }
}
```

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