# Verify Diagram

> Verify an SVG diagram or HTML scene for visual quality. Renders to PNG, checks for overlaps, clipping, readability, density.

- **Type:** Skill
- **Install:** `agentstack add skill-noelpuig-claude-explains-verify-diagram`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [noelpuig](https://agentstack.voostack.com/s/noelpuig)
- **Installs:** 0
- **Category:** [AI & ML](https://agentstack.voostack.com/c/ai-and-ml)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [noelpuig](https://github.com/noelpuig)
- **Source:** https://github.com/noelpuig/claude-explains/tree/main/pipeline/.claude/skills/verify-diagram

## Install

```sh
agentstack add skill-noelpuig-claude-explains-verify-diagram
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

## Visual Verification

Verify the visual quality of: $file

### Step 1: CLI Validation
```
node ../cli/bin/claude-explains.js $file --validate
```
Parse the JSON output. Report all issues.

### Step 2: Render Preview
```
node ../cli/bin/claude-explains.js $file --preview 0 -o /tmp/verify_preview
```
Read the rendered PNG.

### Step 3: Visual Inspection
- [ ] All labels readable (not overlapping, not clipped)
- [ ] Content fills 80%+ of viewport
- [ ] Clear visual hierarchy (3 size tiers)
- [ ] Connector lines properly attached
- [ ] Content centered or intentionally positioned
- [ ] Colors match theme (60-30-10 rule)

### Step 4: Report
```json
{"file": "$file", "pass": true, "issues": []}
```

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [noelpuig](https://github.com/noelpuig)
- **Source:** [noelpuig/claude-explains](https://github.com/noelpuig/claude-explains)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-noelpuig-claude-explains-verify-diagram
- Seller: https://agentstack.voostack.com/s/noelpuig
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.