CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

browser-verification

How to check a web page or Storybook story in a real browser in this repository, using only agent-browser. Use when verifying UI changes, looking at a page or component, taking screenshots, comparing against a baseline, testing a viewport or dark mode, or serving a production build over HTTPS to try it.

Quality

93%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

93%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

An exemplary lean, command-first skill body: fully executable commands, repo-specific facts Claude cannot know, and clean deferral of the full command guide to the agent-browser skill. The only gap is that the console-warnings-are-bugs rule lacks a corresponding step or command for actually inspecting console output.

DimensionReasoningScore

Conciseness

Every line is an executable command or a repo-specific fact Claude cannot know (ports, iframe.html URL format, install script name, the CI caveat "bun install in CI does not download Chrome"). No concept explanations or padding; matches the lean 5 anchor.

5 / 5

Actionability

Copy-paste ready commands throughout: "bunx agent-browser open <url>", "curl -s localhost:6006/index.json lists the ids", "bunx agent-browser diff screenshot --baseline baseline.png", plus concrete setup commands. Covers the common cases; matches the 5 anchor.

5 / 5

Workflow Clarity

A clear numbered sequence from setup through visual diff with some checkpoints ("An unnamed control is a bug; fix the name rather than clicking by CSS", "Browser-console warnings in a page or story are bugs"). Between 4 and 5: validation rules are stated but there is no explicit step or command for reading browser-console output, leaving a minor validation gap.

4 / 5

Progressive Disclosure

Under 50 lines with well-organized sections (Set up, Steps) and no inlined content that belongs in a separate file; the full command guide is deferred one level deep via a clearly signaled link ("Load the agent-browser skill for the full command guide"). Fits the simple-skill 5 anchor.

5 / 5

Total

19

/

20

Passed

Description

92%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description that clearly states what the skill does and when to use it, with concrete trigger phrases and a distinct niche. The only weakness is trigger-term breadth: a few natural user phrasings like "visual regression" or "test in a browser" are absent.

DimensionReasoningScore

Specificity

"check a web page or Storybook story in a real browser", "taking screenshots, comparing against a baseline, testing a viewport or dark mode", and "serving a production build over HTTPS" are multiple concrete, comprehensive actions in neutral how-to voice. Not 4: coverage of the domain's actions is comprehensive with no material gaps.

5 / 5

Completeness

Explicitly answers both: what ("How to check a web page or Storybook story in a real browser... using only agent-browser") and when ("Use when verifying UI changes, looking at a page or component, taking screenshots, comparing against a baseline, testing a viewport or dark mode, or serving a production build over HTTPS"). Matches the 5 anchor with a concrete 'Use when' trigger list; not 4 since the when-clause is fully explicit rather than vague.

5 / 5

Trigger Term Quality

Natural phrases like "verifying UI changes", "taking screenshots", "page or component", "dark mode", "viewport", and "baseline" are present, but a few natural terms users would say (e.g. "visual regression", "test in a browser", "inspect the UI") are missing. Fits the 4 anchor (good coverage, a few natural terms missing) rather than 5's comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

Clear niche (repo browser verification with agent-browser, Storybook stories, HTTPS prd builds) with "using only agent-browser" explicitly disambiguating from Playwright/Puppeteer-style skills. Minimal conflict risk; fits the 5 anchor rather than 4's minor overlap risk.

5 / 5

Total

19

/

20

Passed

Validation

87%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 1 suspicious

Warning

referenced_paths_exist

Referenced path issues: 1 missing

Warning

Total

14

/

16

Passed

Repository

williamrjribeiro/bun-agentic-starter

Path

.agents/skills/browser-verification/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.