Skip to main content
Glama
Olorinm

visual-review-workbench

by Olorinm

Visual Review Workbench

A portable Agent Plugins 1.0.0 package for reviewing real frontend UI variants.

The plugin combines:

  • An Agent Skill that defines the visual-review workflow and comparison rules.

  • One MCP tool that opens, refreshes, verifies, captures, and closes review surfaces.

  • Dependency-free Node.js scripts that implement the review shell.

Package boundaries

This package contains only reusable review infrastructure. It intentionally excludes:

  • Product source code and product-specific review routes.

  • Screenshots, recordings, captured application state, and business fixtures.

  • Local usernames, absolute machine paths, browser profiles, credentials, and environment files.

  • Repository commits, worktrees, and generated review output.

Project-specific adapters are generated at runtime inside the project being reviewed. Generated review output belongs in a temporary or project-selected directory, never in this plugin package.

Related MCP server: UI Toolkit MCP Server

Components

visual-review-workbench/
├── plugin.json
├── mcp.json
├── skills/
│   └── review-frontend-variants/
│       ├── SKILL.md
│       ├── references/
│       └── scripts/
├── server/
│   └── index.mjs
└── scripts/

The MCP server exposes one tool: visual_review_workbench.

Its action field supports open, refresh, verify, capture, and close. Route scaffolding, fixture capture, measurement, and recording remain internal scripts directed by the skill instead of expanding the public tool surface.

Browser-backed commands require Playwright to be resolvable from the target project or plugin runtime. Static generation and serving use only Node.js built-ins.

Validate

npm test

To add organization-specific deny terms to the portability audit:

PORTABILITY_DENY_TERMS="internal-product,example-user" npm run check:portable

Runtime paths

The package never embeds installation paths. The client supplies PLUGIN_ROOT and PLUGIN_DATA according to the Agent Plugins specification. MCP subprocess state and server logs use PLUGIN_DATA; target-project paths are accepted only as runtime tool arguments.

Related MCP Connectors

Related MCP Servers

  • A
    license
    Not graded
    quality
    A
    maintenance
    Enables AI assistants to capture screenshots, run visual diffs, accessibility audits, and batch sweep plans for web pages via MCP tools.
    11 npm
    2
    MIT
  • A
    license
    A
    quality
    F
    maintenance
    Comprehensive MCP server for end-to-end UI development, offering tools to generate components, manage design tokens, audit accessibility, autofix issues, inspect live pages, compare screenshots, and more across multiple frameworks.
    13
    7 npm
    MIT
  • A
    license
    Not graded
    quality
    B
    maintenance
    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.
    MIT
  • A
    license
    Not graded
    quality
    B
    maintenance
    MCP-first UI/UX review layer for AI-generated frontends. Enables reviewing web pages via URL, capturing screenshots, extracting layout metrics, and generating structured repair plans for agents.
    22 npm
    Apache 2.0

Appeared in Searches