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.
86
82%
Does it follow best practices?
Impact
90%
1.57xAverage score across 3 eval scenarios
Advisory
Suggest reviewing before use
Evaluation results
81%
30%Diagnosing Checkout Errors in a Live Web Application
Console and network debugging workflow
Navigate first
50%
100%
Console tool used
60%
100%
Network tool used
60%
100%
Check early rationale
0%
50%
workspaceId parameter
100%
100%
No blocked protocols
100%
100%
stave_lens_evaluate used
37%
0%
DOM inspection tool
37%
100%
stave_lens_ prefix
0%
100%
Navigate before screenshot
100%
100%
Buffer limit mentioned
0%
25%
89%
33%Tracing a Visual Bug to Its React Source
React element picker and source mapping
Navigate first
100%
100%
Element picker used
50%
50%
_debugSource for React
0%
100%
Dev mode requirement
58%
100%
Heuristic fallback
30%
100%
No production _debugSource
66%
100%
Dev build preference
100%
62%
CSS selector captured
75%
62%
stave_lens_evaluate styles
0%
100%
Post-fix verification
100%
100%
100%
35%Verifying a Redesigned Landing Page Against Figma Specs
Figma design comparison workflow
figma-mcp reads spec first
100%
100%
stave_lens_navigate called
0%
100%
stave_lens_screenshot called
40%
100%
Compare step present
90%
100%
Code modification step
100%
100%
Iterative loop
100%
100%
Navigate before screenshot
0%
100%
workspaceId parameter
100%
100%
All 5 sections covered
100%
100%
stave_lens_ prefix
0%
100%
- Repository
- sendbird/stave
- Commit
e275ad5
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
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.