# Refract

> Use this tool when you need to capture responsive screenshots of web pages at various viewports to detect visual issues. Refract solves problems like identifying overflow, clipped elements, and missing alt text by rendering URLs and analyzing the output. It takes URLs as input and outputs screenshots, making it ideal for testing and debugging web page responsiveness.

Canonical page: https://skillsregistry.net/skills/valternunez-refract  
JSON: https://api.skillsregistry.net/v1/skills/valternunez-refract

## Description

MCP server for rendering responsive screenshots of URLs at multiple viewports. Enables agents to capture screenshots and detect visual issues like overflow, clipped elements, and missing alt text.

## Trust

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

## Facts

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

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/vczcy0tfx9)
- **Repository:** <https://github.com/valternunez/refract>

## 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": "valternunez-refract"
    }
  }
}
```

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