# SVGR MCP Server

> Use this tool when you need to convert SVG files into reusable React components with customizable settings. It solves problems of manual component creation, optimization, and formatting, supporting various use cases such as web and mobile app development. The tool takes SVG content as input and outputs optimized React components with optional TypeScript generation and React Native support.

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

## Description

Converts SVG content into React components with configurable options including TypeScript generation, React Native support, optimization, and formatting through SVGR.

## Trust

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

## Facts

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

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/n3nnp3sefw)
- **Repository:** <https://github.com/pchalupa/svgr-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": "pchalupa-svgr-mcp"
    }
  }
}
```

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