# ui-extractor

> ui-extractor — stsgs1980-ui-extractor. Use this tool when you need to extract UI components, design tokens, and patterns from websites and generate production-ready code for React, Vue, and HTML. It solves the problem of manual UI component recreation by automating the extraction process, saving time and reducing errors. The ui-extractor tool takes website URLs as input and outputs reusable, production-ready components, making it ideal for frontend developers and designers working on website redesigns or component libraries.

Canonical page: https://skillsregistry.net/skills/stsgs1980-ui-extractor  
JSON: https://api.skillsregistry.net/v1/skills/stsgs1980-ui-extractor

## Description

MCP server for extracting UI components, design tokens, and patterns from websites and generating production-ready React, Vue, and HTML components.

## Trust

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

## Facts

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

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/x073g025lv)
- **Repository:** <https://github.com/stsgs1980/ui-extractor>

## 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": "stsgs1980-ui-extractor"
    }
  }
}
```

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