codingthefuturewithai

Test UI — Testing skill for Claude Code

Testing community

Test UI features using Puppeteer MCP server.

How to install Test UI

Installs to ~/.claude/commands/codingthefuturewithai-conduit-test-ui.md

Terminal
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/codingthefuturewithai/conduit/HEAD/.claude/commands/test-ui.md -o ~/.claude/commands/codingthefuturewithai-conduit-test-ui.md

Restart Claude Code, or start a new session, for it to be picked up.

What Test UI does


description: Test UI features using Puppeteer MCP server usage: /project:test-ui [URL] [TEST-SCENARIO] example: /project:test-ui http://localhost:3000 "login flow"

I'll test the UI at $ARGUMENTS using the Puppeteer MCP server.

Step 1: Launch Browser

Using mcp__puppeteer__launch to start a browser session with:

  • headless: false (so you can see the test execution)
  • viewport: { width: 1280, height: 720 }

Step 2: Navigate to Application

Using mcp__puppeteer__navigate to go to the

Alternatives in Testing

  • Regen API — Regenerate the OpenAPI spec and web API client after server API changes 2.5k ★
  • Mda — MDA Open Spec — a Markdown superset for agent-facing documents 615 ★
  • Test Driven Development.SKILL — Enforces TDD discipline with RED-GREEN-REFACTOR cycle 262 ★

Full documentation available on GitHub

View Source Repository