# componentize

> componentize — monlohua-componentize. Use this tool when you need to convert screenshots into reusable Tailwind components, solving the problem of manual component creation for AI tools like Claude, Cursor, Windsurf, and Copilot. It takes screenshots as input and outputs reusable components, streamlining development workflows. Ideal for use cases where rapid prototyping and component reuse are essential, such as front-end development and design systems.

Canonical page: https://skillsregistry.net/skills/monlohua-componentize  
JSON: https://api.skillsregistry.net/v1/skills/monlohua-componentize

## Description

截图→可复用的Tailwind组件。MCP Server，支持Claude/Cursor/Windsurf/Copilot等AI工具

## Trust

- **Trust score (0–1):** 0.64
- **Verification tier:** scanned
- **Last scanned:** 2026-09-03

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** container
- **Runtime environment:** vm
- **Category:** other
- **Updated:** 2026-09-21

## Source

- **Source listing:** [GitHub](https://github.com/MonloHua/componentize)

## 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": "monlohua-componentize"
    }
  }
}
```

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