# verify_artifact_visual

> Guides the agent to perform visual verification of web artifacts using the browser tool.

- Author: Letteriello
- Repository: Letteriello/projeto-cortex
- Version: 20260129163548
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/Letteriello/projeto-cortex
- Web: https://mule.run/skillshub/@@Letteriello/projeto-cortex~verify_artifact_visual:20260129163548

---

---
name: verify_artifact_visual
description: Guides the agent to perform visual verification of web artifacts using the browser tool.
---

# Verify Artifact Visual Skill

This skill is for visually ensuring that what you built matches the requirements.

## Procedure

1. **Start Server**: Ensure the local development server is running (e.g., `npm run dev`).
2. **Open Page**: Use the `open_browser_url` tool to navigate to the localhost URL.
3. **Capture State**: Use `read_browser_page` (or screenshotted interactions) to verify the DOM and visual layout.
4. **Compare**: Compare the observed state with the design specs or user request.
5. **Report**: Log any discrepancies found.

## Example Usage

If the user asked for a "Red Button with ID login-btn":

1. Check if `npm run dev` is active.
2. Call `open_browser_url(url="http://localhost:3000/login")`.
3. Inspect the element.
4. If the button is blue, report a visual drift.