lens-inspect

Use the Lens built-in browser to inspect a running web application. Trigger when the request involves previewing a page, taking screenshots, reading DOM, checking console errors, picking elements to locate source code, or comparing rendered output to a design spec.

1.02x

Quality

85%

Does it follow best practices?

Impact

92%

1.02x

Average score across 2 eval scenarios

Securityby

Low

Low-risk findings worth noting

Evaluation results

100%

Debug Empty Table in Customer Dashboard

Lens debugging workflow ordering and parameter correctness

Criteria

Without this skill

With this skill

Navigate before screenshot

100%

Console logs checked early

86%

100%

Network logs checked early

90%

100%

workspaceId in navigate call

100%

workspaceId in console log call

100%

workspaceId in network log call

100%

open_session not mandatory

100%

Restrained present_session

100%

Navigation is first action

100%

Multiple diagnostic tools used

100%

85%

Documenting the Source-Code Lookup Workflow for Lens

Source-mapping UI elements to code with Lens

Criteria

Without this skill

With this skill

React dev-mode path

100%

React plugin enabler

100%

Heuristic search as fallback

100%

Heuristic search specifics

100%

Production caveat

100%

Dev-build recommendation

80%

100%

Accessibility snapshot option

No blocked protocols

100%

Repository: sendbird/stave
Path: skills/lens-inspect/SKILL.md
Commit: e1c9b14

Evaluated: ~1 month ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Debug Empty Table in Customer Dashboard Documenting the Source-Code Lookup Workflow for Lens

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.