New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Frontend Browser Review

by langfuse in langfuse/langfuse

Shared workflow for browser-based review of user-visible frontend changes in Langfuse.

Custom licenceAuto-check passedAI & LLM Engineering

Install Frontend Browser Review

skills CLI
$ npx skills add langfuse/langfuse --skill frontend-browser-review -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install langfuse/langfuse frontend-browser-review --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/langfuse/langfuse.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/frontend-browser-review .claude/skills/frontend-browser-review && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
frontend-browser-review
GitHub stars
36k
Token cost
~1k tokens
SKILL.md length
587 words
Files
1
Skills in repo
33
Repo updated
First seen
Licence
Custom licence

At a glance

Shared workflow for browser-based review of user-visible frontend changes in Langfuse.

  • Works in 7 steps: Use the existing Cursor Cloud Compose… → Install Chromium with pnpm run… → Open the primary changed flow with… → …
  • A change affects UI behavior
  • SKILL.md covers Start Here, When To Use It, When To Offer Instead and Prefill Test Data First, plus 3 more sections
  • Calls pnpm

What it does

Frontend Browser Review is an agent skill from langfuse/langfuse. 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 available browser automation before signoff.

Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in AI & LLM Engineering, covering LLM observability and Browser automation. It works with Langfuse and pnpm. The repository describes itself as: 🪢 Open source agent evals & observability: Trace, evaluate, and improve LLM applications with one open platform.

When your agent uses it

  • A change affects UI behavior
  • Browser-visible regressions and should be checked with available browser automation before signoff

Example prompts

  • “/frontend-browser-review”

Workflow steps

7 steps, taken from the first numbered list in SKILL.md.

  1. Use the existing Cursor Cloud Compose app when available. Otherwise start
  2. Install Chromium with pnpm run playwright:install if Playwright has not
  3. Open the primary changed flow with Cursor computer use or the Playwright MCP
  4. Exercise the main happy path affected by the change.
  5. Check for obvious visual regressions
  6. If the page changed materially, inspect the resulting UI state and compare
  7. If a Playwright MCP session fails, inspect /tmp/playwright-mcp. In Cursor

What it can do on your machine

Read from SKILL.md and the folder at commit 21df53e. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • pnpm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Frontend Browser Review loads about 1k tokens when it runs. Until then it costs about 70 tokens; SKILL.md has 587 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~70
When it runs · the whole SKILL.md, loaded when a task matches
~1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 587 words (~1,038 tokens).

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

— opening of SKILL.md by langfuse, Custom licence
name
frontend-browser-review

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .agents/skills/frontend-browser-review of langfuse/langfuse.

Open the folder on GitHubat commit 21df53e

Compare with similar skills

Frontend Browser Review next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Frontend Browser Review compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Frontend Browser Review this skilllangfuse/langfuse36k—~1kAutomated safety check: PassCustom licence
Langfuseavivsinai/langfuse-mcp1131 repos~580Automated safety check: PassMIT
Langfuse Integration Pagelangfuse/langfuse-docs246—~3.7kAutomated safety check: PassMIT
Langfuselangfuse/skills299—~2.1kAutomated safety check: NotesMIT
Agents Onboardingfazer-ai/agents118—~4.4kAutomated safety check: PassApache-2.0
Migrate To Langfuselangfuse/skills299—~1.7kAutomated safety check: NotesMIT

Similar skills

  • Langfuse

    avivsinai/langfuse-mcp

    Investigate AI traces, observations, exceptions, latency, sessions, prompts, datasets, annotation queues, and scores through Langfuse MCP.

    113 GitHub starsUsed in 1 repo~580 tokens
    AI & LLM EngineeringAuto-check passed

  • Langfuse Integration Page

    langfuse/langfuse-docs

    Create a new Langfuse integration page in the langfuse-docs repo.

    246 GitHub stars~3.7k tokensUpdated today
    AI & LLM EngineeringAuto-check passed

  • Langfuse

    langfuse/skills

    Interact with Langfuse and access its documentation: tracing, monitoring, creating datasets, running experiments, and evaluating AI applications.

    299 GitHub stars~2.1k tokensUpdated 7 days ago
    AI & LLM EngineeringAuto-check: notes

  • Agents Onboarding

    fazer-ai/agents

    Conduz a jornada de onboarding 'do zero ao agente de atendimento' do fazer.ai agents num VPS, escolhendo o orquestrador de deploy (Tier A Coolify, B Portainer, C compose genérico para VM crua ou…

    118 GitHub stars~4.4k tokensUpdated today
    Productivity & AutomationAuto-check passed

  • Migrate To Langfuse

    langfuse/skills

    Migrate to Langfuse from another LLM observability/evals platform (LangSmith, Arize AX, Phoenix, Braintrust, Helicone, Promptfoo, ...).

    299 GitHub stars~1.7k tokensUpdated 7 days ago
    AI & LLM EngineeringAuto-check: notes

  • Langfuse and LLM Gateway Logs

    KonghaYao/peri

    Queries Langfuse traces, prompts, datasets and sessions, and analyzes local LLM gateway logs for requests, context growth, token use and cache hits.

    223 GitHub stars~4.3k tokensUpdated today
    AI & LLM EngineeringAuto-check: notes

More from langfuse/langfuse

All 33 skills in this repo

  • Linear Context Handover

    langfuse/langfuse

    Use Linear as the org's memory: reconstruct a feature's history before touching it, and leave the reasoning behind finished work in the ticket description so the next agent inherits it.

    36k GitHub stars~1.7k tokensUpdated yesterday
    Auto-check passed

  • Add Model Price

    langfuse/langfuse

    A skill your agent uses when editing worker/src/constants/default-model-prices.json, packages/shared/src/server/llm/types.ts, pricing tiers, tokenizer IDs, or matchPattern regexes for OpenAI…

    36k GitHub stars~1.2k tokensUpdated yesterday
    Auto-check passed

  • Backend Dev Guidelines

    langfuse/langfuse

    Build or review Langfuse backend code. An agent skill from langfuse/langfuse.

    36k GitHub stars~1.9k tokensUpdated yesterday
    Auto-check passed

  • Langfuse Codebase Navigator

    langfuse/langfuse

    Navigate Langfuse repositories, code areas, and agent skills.

    36k GitHub stars~1.4k tokensUpdated yesterday
    Auto-check passed

  • Refactor React Effects

    langfuse/langfuse

    Refactor avoidable React useEffect usage in Langfuse frontend code.

    36k GitHub stars~1.7k tokensUpdated yesterday
    Auto-check passed

  • Add To Dependabot CSV

    langfuse/langfuse

    Append GitHub Dependabot or Snyk/code-scanning alerts to an existing vulnerability CSV after verifying their API metadata.

    36k GitHub stars~1.5k tokensUpdated yesterday
    Auto-check passed

Works with

Categories

Questions about Frontend Browser Review

What does Frontend Browser Review do?

Shared workflow for browser-based review of user-visible frontend changes in Langfuse. Frontend Browser Review is an agent skill from langfuse/langfuse. Shared workflow for browser-based review of user-visible frontend changes in Langfuse.

When should I use Frontend Browser Review?

Frontend Browser Review fits situations like: A change affects UI behavior; browser-visible regressions and should be checked with available browser automation before signoff.

How do I install Frontend Browser Review in Claude Code?

Run `npx skills add langfuse/langfuse --skill frontend-browser-review -a claude-code`. Or copy the skill folder (.agents/skills/frontend-browser-review in langfuse/langfuse) into .claude/skills/frontend-browser-review in your project. Claude Code loads it when a task matches its description.

How do I install Frontend Browser Review in Codex?

Run `npx skills add langfuse/langfuse --skill frontend-browser-review -a codex`. Or copy the skill folder (.agents/skills/frontend-browser-review in langfuse/langfuse) into .agents/skills/frontend-browser-review in your project. Codex loads it when a task matches its description.

Can I use Frontend Browser Review in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add langfuse/langfuse --skill frontend-browser-review -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/frontend-browser-review, .gemini/skills/frontend-browser-review, .github/skills/frontend-browser-review and .opencode/skills/frontend-browser-review in your project.

What does Frontend Browser Review need to run?

Going by SKILL.md and its folder, Frontend Browser Review needs the command-line tools its instructions call (pnpm).

Does Frontend Browser Review access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Frontend Browser Review safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Frontend Browser Review use?

Frontend Browser Review has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Frontend Browser Review use?

About 1k tokens (SKILL.md is roughly 4.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Frontend Browser Review?

Skills that share tags, products or a category with Frontend Browser Review: Langfuse (avivsinai/langfuse-mcp, 113 stars), Langfuse Integration Page (langfuse/langfuse-docs, 246 stars), Langfuse (langfuse/skills, 299 stars) and Agents Onboarding (fazer-ai/agents, 118 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Frontend Browser Review?

langfuse (a GitHub organization) maintains it in langfuse/langfuse, which has 35,504 GitHub stars. The repository holds 33 skills in this directory. The repository was last updated on October 7, 2026.

Source: langfuse/langfuse on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.