スキルを検索.../

Skill ファイル

Frontend Browser Review

Shared workflow for browser-based review of user-visible frontend changes in Langfuse. Use when a change affects UI behavior, layout, styling, navigation, or browser-visible regressions and should be checked with the Playwright MCP server before signoff.

langfuse25,119 スター2026/03/26

職業
カテゴリ: デバッグ

スキル内容

Use this skill when a change affects what users see or do in the browser.

Start Here

Read ../../../web/AGENTS.md for web-specific entry points and test commands.
Use the workspace playwright MCP server configured from the repo-owned shared agent setup.

When To Use It

UI changes in web/**
Layout, styling, or responsive behavior changes
Changes to navigation or page flows
Bug fixes where the failure mode is visible in the browser
Final signoff for user-visible frontend work

Review Loop

Start the app with pnpm run dev:web unless an existing local server is already running.
Install Chromium with pnpm run playwright:install if Playwright has not been set up on the machine yet.

関連 Skill

クイックインストール

Frontend Browser Review

npx skills add langfuse/langfuse

Skill をダウンロードリポジトリを開く

作者: langfuse
スター: 25,119
更新日: 2026/03/26
職業

このページの内容

Open the primary changed flow with the Playwright MCP server.

Exercise the main happy path affected by the change.

Check for obvious visual regressions:

broken layout or spacing
banner overlap or viewport anchoring issues
missing loading, empty, or error states
broken responsive behavior on narrow widths

If the page changed materially, inspect the resulting UI state and compare it against the intended behavior from the task or existing patterns.

If the browser session fails, inspect traces and artifacts under .playwright-mcp/.

Output Expectations

Report:

What flow you reviewed
Whether the primary flow worked
Any visible regressions or follow-up risks
If review was blocked, exactly what prevented browser verification

Scope Notes

This skill complements, not replaces, targeted tests and linting.
For implementation details, stay in web/AGENTS.md and package-local skills.
Use this as the browser-signoff workflow, not as a generic frontend coding guide.

02

When To Use It

04Output Expectations

ソフトウェア品質保証アナリスト・テスター

Session Logs

Search and analyze your own session logs (older/parent conversations) using jq.

OpenClaw Test Heap Leaks

Investigate `pnpm test` memory growth, Vitest worker OOMs, and suspicious RSS increases in OpenClaw using the `scripts/test-parallel.mjs` heap snapshot tooling. Use when Codex needs to reproduce test-lane memory growth, collect repeated `.heapsnapshot` files, compare snapshots from the same worker PID, triage likely transformed-module retention versus likely runtime leaks, and fix or reduce the impact by patching cleanup logic or isolating hotspot tests.

Node Connect

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps. Use when QR/setup code/manual connect fails, local Wi-Fi works but VPS/tailnet does not, or errors mention pairing required, unauthorized, bootstrap token invalid or expired, gateway.bind, gateway.remote.url, Tailscale, or plugins.entries.device-pair.config.publicUrl.

Openclaw Qa Testing

Run, watch, debug, and extend OpenClaw QA testing with qa-lab and qa-channel. Use when Codex needs to execute the repo-backed QA suite, inspect live QA artifacts, debug failing scenarios, add new QA scenarios, or explain the OpenClaw QA workflow. Prefer the live OpenAI lane with regular openai/gpt-5.4 in fast mode; do not use gpt-5.4-pro or gpt-5.4-mini unless the user explicitly overrides that policy.

Openclaw Secret Scanning Maintainer

Maintainer-only workflow for handling GitHub Secret Scanning alerts on OpenClaw. Use when Codex needs to triage, redact, clean up, and resolve secret leakage found in issue comments, issue bodies, PR comments, or other GitHub content.

Flags

Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.

ソフトウェア品質保証アナリスト・テスター

Frontend Browser Review | Skills Pool