メニュー
Capture a screenshot of a URL or route with one command. Use whenever the user wants to take a screenshot, capture a page, see what a route looks like, or visually verify a page. Supports mobile viewport with --mobile and unauthenticated mode with --no-auth.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Verify hexagonal architecture layer rules, Result pattern usage, and coding conventions. Use as a quick local check during development — fast and focused on architecture rules only. For full security + quality review, use /code-review instead.
Review code changes for security, architecture, and quality issues. Use for deep PR-level review — checks OWASP vulnerabilities, hexagonal architecture violations, code smells, and test gaps. For a quick architecture-only check, use /check-architecture instead.
Complete current task with all quality gates, code review, QA check, and submit PR. Use when implementation is done and you want to run the full verification pipeline (build, lint, tests, review, QA) and create the pull request.
Complete infrastructure task — lint, validate, review, and submit PR. Use when an infrastructure-only branch is ready for submission — runs Terraform/Helm validation and creates the PR, skipping .NET/frontend checks.
Scaffold a new frontend feature module with page, components, API service, and hooks. Use whenever the user wants to add a new page, dashboard section, UI module, or frontend feature to the React app.
Smoke test the running frontend and API by navigating key routes with Playwright, checking for console errors and broken pages. Use after /run-local or to verify the app works before creating a PR.
| name | screenshot |
| description | Capture a screenshot of a URL or route with one command. Use whenever the user wants to take a screenshot, capture a page, see what a route looks like, or visually verify a page. Supports mobile viewport with --mobile and unauthenticated mode with --no-auth. |
| allowed-tools | mcp__playwright__browser_navigate, mcp__playwright__browser_wait_for, mcp__playwright__browser_take_screenshot, mcp__playwright__browser_evaluate, mcp__playwright__browser_close, mcp__playwright__browser_resize |
| user-invocable | true |
Capture a screenshot of a URL or route. Nothing else — no tables, no analysis, just the image.
{url-or-route} — URL or route path (default: /dashboard). If starts with /, prepends http://localhost:5173.--mobile — Resize viewport to 375x667 (iPhone SE) before capturing--no-auth — Skip authentication (use for login page or public pages)If the argument starts with /, prepend http://localhost:5173. Otherwise use the full URL as-is.
Skip this step if --no-auth is passed or the URL is not on localhost:5173.
Navigate to http://localhost:5173 first to establish the origin, then inject auth via localStorage:
localStorage.setItem('auth-storage', JSON.stringify({
state: { isAuthenticated: true, apiKey: 'dev-api-key-1', tenantId: 'dev-tenant' },
version: 0
}))
If --mobile is passed, resize the browser to 375, 667.
browser_navigate to the resolved URLbrowser_wait_for network idle or 3 secondsbrowser_take_screenshotClose the browser session with browser_close.
Just show the screenshot. No markdown tables, no analysis, no status reports.
If the page shows an error or blank content, mention it briefly alongside the screenshot.
localhost:5173 isn't responding and suggest /run-local.--no-auth and the page redirects to /login, the auth injection may have failed. Retry once with a page reload./smoke-test for testing multiple routes with console/network checks/verify-feature for post-implementation browser verification/run-local to start the frontend first