# Doncheli Visual Test

> Run visual regression tests by comparing UI screenshots against baselines. Activate when user mentions "visual test", "screenshot", "UI regression", "visual diff", "pixel diff", "visual snapshot".

- **Type:** Skill
- **Install:** `agentstack add skill-doncheli-don-cheli-sdd-doncheli-visual-test`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [doncheli](https://agentstack.voostack.com/s/doncheli)
- **Installs:** 0
- **Category:** [AI & ML](https://agentstack.voostack.com/c/ai-and-ml)
- **Latest version:** 0.1.0
- **License:** Apache-2.0
- **Upstream author:** [doncheli](https://github.com/doncheli)
- **Source:** https://github.com/doncheli/don-cheli-sdd/tree/main/.agent/skills/doncheli-visual-test
- **Website:** https://doncheli.tv

## Install

```sh
agentstack add skill-doncheli-don-cheli-sdd-doncheli-visual-test
```

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

## About

# Don Cheli: Visual Test

## Instructions

1. Detect the visual testing tool in use: Playwright, Cypress, Percy, Chromatic, Storybook, or custom
2. Run the visual test suite and capture screenshots of the current state
3. Compare against the stored baseline snapshots
4. Report each visual difference:
   - Component / page name
   - Diff percentage (pixels changed vs. total)
   - Category: layout shift, color change, missing element, new element
5. Classify severity:
   - > 5% diff → blocker (likely regression)
   - 1-5% diff → warning (review required)
   - .md`

## Output Format

```
## Visual Test Report — 2026-03-28T15:00Z

### Summary
- Compared: 24 snapshots
- Passed:   21
- Diffs:     3 (1 blocker, 2 warnings)

### Blocker 🔴
- CheckoutPage/desktop — 12.3% diff
  Category: layout shift — payment form moved 40px down
  Baseline: .visual/baselines/checkout-desktop.png
  Current:  .visual/current/checkout-desktop.png

### Warnings 🟡
- Button/primary — 2.1% diff — color shift (likely theme variable change)
- NavBar/mobile — 1.8% diff — font rendering difference (check font loading)

### New Snapshots (approval required)
- VoiceModal/desktop — no baseline found — run with --approve to set baseline
```

## Source & license

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

- **Author:** [doncheli](https://github.com/doncheli)
- **Source:** [doncheli/don-cheli-sdd](https://github.com/doncheli/don-cheli-sdd)
- **License:** Apache-2.0
- **Homepage:** https://doncheli.tv

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-doncheli-don-cheli-sdd-doncheli-visual-test
- Seller: https://agentstack.voostack.com/s/doncheli
- 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%.