# PixelRosetta

> PixelRosetta — williamaliang-pixelrosetta. Use this tool when you need to generate high-fidelity code from sketches, solving the problem of manual coding for AI agents and developers. It takes in sketch inputs and outputs structured Vue, React, HTML, and native assets, as well as implementation specs, through its MCP, CLI, and plugin interfaces. Ideal for streamlining front-end development workflows, particularly when integrating with git version control systems.

Canonical page: https://skillsregistry.net/skills/williamaliang-pixelrosetta  
JSON: https://api.skillsregistry.net/v1/skills/williamaliang-pixelrosetta

## Description

High-fidelity Sketch-to-code for AI agents. Generate structured Vue, React, HTML, native assets, and implementation specs via MCP, CLI, and plugins.

## Trust

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

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** container
- **Runtime environment:** vm
- **License:** Apache-2.0
- **Updated:** 2026-09-28

## Source

- **Source listing:** [GitHub](https://github.com/WilliamALiang/PixelRosetta)

## 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": "williamaliang-pixelrosetta"
    }
  }
}
```

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