mckinsey / ark-dashboard-and-ui-testing
Install for your project team
Run this command in your project directory to install the skill for your entire team:
mkdir -p .claude/skills/ark-dashboard-and-ui-testing && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/2552" && unzip -o skill.zip -d .claude/skills/ark-dashboard-and-ui-testing && rm skill.zipProject Skills
This skill will be saved in .claude/skills/ark-dashboard-and-ui-testing/ and checked into git. All team members will have access to it automatically.
Important: Please verify the skill by reviewing its instructions before using it.
Test the Ark Dashboard and UI with Playwright and create PRs with screenshots. Use this skill when testing dashboard UI, taking screenshots for PRs, or validating dashboard changes.
0 views
0 installs
Skill Content
--- name: Ark Dashboard and UI Testing description: Test the Ark Dashboard and UI with Playwright and create PRs with screenshots. Use this skill when testing dashboard UI, taking screenshots for PRs, or validating dashboard changes. --- # Ark Dashboard and UI Test Ark Dashboard UI with Playwright and attach screenshots to PRs. ## When to use this skill Use this skill when: - User wants to test the Ark dashboard - User needs screenshots for a PR - User asks to validate dashboard UI changes ## Prerequisites **CRITICAL**: Before proceeding, verify Kubernetes is available: ```bash kubectl cluster-info ``` If this fails, **STOP** and inform the user: > Cannot continue without a Kubernetes environment. Please ensure Kind or another Kubernetes cluster is running and kubectl is configured. Ark must be deployed first. Use the **ark-setup** skill if needed. ## Setup Port forward the dashboard and warm up: ```bash kubectl port-forward svc/ark-dashboard 3000:3000 -n default & curl http://localhost:3000 ``` ## Test with Playwright Use Playwright MCP tools to navigate and screenshot: - `browser_navigate` - Open pages - `browser_wait_for` - Wait for elements - `browser_click` - Click elements - `browser_take_screenshot` - Capture screenshots Screenshots save to `.playwright-mcp/screenshots/`. Move to `./screenshots/` for organization. ## Upload Screenshots for PRs Check if user has a scratch repo: ```bash gh repo view <USERNAME>/scratch ``` If not, suggest creating: `scratch/pull-request-attachments/<org>_<repo>/` Upload screenshots: ```bash cd /tmp && git clone git@github.com:<USERNAME>/scratch.git mkdir -p scratch/pull-request-attachments/<org>_<repo> cp ./screenshots/*.png scratch/pull-request-attachments/<org>_<repo>/ cd scratch && git add . && git commit -m "chore: screenshots for <org>/<repo> PR" && git push ``` Reference in PR body: ```markdown  ``` Update PR: ```bash gh api repos/<org>/<repo>/pulls/<NUMBER> -X PATCH -f body="..." ```