---
title: "ui-quality-coach"
description: "A live-demo UI reviewer: a repeatable smoke-test skill, a focused Copilot agent, and Playwright browser tools."
canonical: https://agentpluginsdirectory.com/plugins/ui-quality-coach
last-updated: 2026-09-09
---

# ui-quality-coach
A live-demo UI reviewer: a repeatable smoke-test skill, a focused Copilot agent, and Playwright browser tools.
- Slug: ui-quality-coach
- Publisher: ahelal
- Repository: https://github.com/ahelal/agent-plugin-demo
- Manifest: plugin.json
- Version: 1.0.0
- Category (editorial): other
- Skills: 1 (ui-smoke-test)
- MCP servers: 1 (ui-browser)
- Stars: 0
- Repository created: 2026-09-08
- Repository last pushed: 2026-09-08
- Publisher type: User
- Listing: https://agentpluginsdirectory.com/plugins/ui-quality-coach
- Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json

## What ui-quality-coach does, in the publisher's words

Two quick demos: install a community plugin, then install this repository's UI Quality Coach plugin.

Use a recent VS Code with GitHub Copilot and Chat: Plugins Enabled. For the browser demo, install Node.js 22+ and Google Chrome. Review plugins before enabling them: their MCP servers run code on your machine.

- In VS Code settings, add github/awesome-copilot#marketplace to Chat: Plugin Marketplace, keeping any existing entries.
- Open the Chat gear menu → Plugins, find security-best-practices, and install it.
- Open prompt.md. In Chat, type / and select the plugin's safety-review skill:

/security-best-practices:ai-prompt-engineering-safety-review prompt.md

From the project README, punctuation lightly normalized. Full text: https://raw.githubusercontent.com/ahelal/agent-plugin-demo/HEAD/Readme.md

## Skills

- ui-smoke-test: Run a repeatable Playwright UI smoke test of the local task-tracker demo. Use when asked to review the demo, test task filters, check mobile layout, reproduce UI bugs, or verify a UI fix.

Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.

## MCP servers

- ui-browser: transport: stdio; command: npx --yes @playwright/mcp@0.0.80 --browser chrome --isolated --block-service-workers --allowed-origins http://127.0.0.1:4173 --viewport-size 1280x800

Read from the plugin's own mcp.json. Environment variable names only, never values.