How do I install the UI Visual Audit skill?

Run npx get-skill add tomevault-io/ui-visual-audit in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the UI Visual Audit skill do?

Advanced UI verification using Antigravity Manager's Vision MCP. Use when this capability is needed. It is listed under AI & ML on SkillMD.

Is UI Visual Audit safe to use?

SkillMD's automated safety review verdict for this skill is PASS. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with UI Visual Audit?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is UI Visual Audit free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published UI Visual Audit?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

UI Visual Audit by tomevault-io — Agent Skill

Name: UI Visual Audit
Author: tomevault-io

File contents

UI Visual Audit Skill

This skill empowers the agent to verify UI implementation against design specs using visual feedback from the Antigravity Manager's built-in Vision MCP.

Protocol

Capture: Use the Vision MCP to take a screenshot of the current UI (or a specific component).
Analyze: Compare the screenshot against:
- Design tokens (colors, spacing, typography).
- Component state (hover, active, focus).
- Accessibility requirements (contrast, target sizes).
Report: Identify discrepancies and provide actionable fix implementation details.

Patterns

Theme Check: Does the UI follow the Sleek Mid-Century / Bauhaus theme rules?
Color Audit: Verify that the #FFB800 accent color is used consistently across buttons.
UX Layout: Check the Bento grid alignment on mobile vs desktop screenshots.

Tooling Integration

Vision MCP: For screenshots and visual understanding.
Frontend Design Skill: For cross-referencing theme principles.
Arize Phoenix: For logging visual audit traces.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

Frequently asked questions

UI Visual Audit