메뉴
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 직업 분류 기준
| 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 firstVerify 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.