CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

integrated-browser

Use this when working on the VS Code integrated browser ("browserView") to understand its architecture and mental model. Covers the embedded Chromium browser, its editor tab, navigation, overlay/layout, sessions, and agent browser tools under `src/vs/platform/browserView` and `src/vs/workbench/contrib/browserView`.

68

Quality

85%

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

75%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 excellent architecture-oriented skill: it teaches the load-bearing invariants of a complex multi-process subsystem with concrete names, paths, and change recipes rather than generic explanations. The main residual improvements are trimming repetition in the testing section, adding small code skeletons for the most common recipes, and considering splitting one or two sections into reference files.

Suggestions

Trim the repeated guidance in the Testing section — 'use the lowest-cost layer that still exercises the actual risk' and 'live at the cheapest layer that still exercises that failure mode' restate the same rule; consolidate into one statement.

Add a minimal copy-paste skeleton for the two most common change recipes (a mirrored state field with its forwarding-map entry, and a prioritized layout override contribution) to lift actionability to fully executable guidance.

Consider moving the Testing strategy section into a reference file (e.g. references/testing.md) so the always-loaded SKILL.md body focuses on the architecture mental model alone.

DimensionReasoningScore

Conciseness

The body is dense and project-specific — it explains non-obvious design constraints ("a page is a native WebContentsView that only the main process may create", "bounds are pixel-snapped") rather than concepts Claude already knows, so nearly every token earns its place. It falls short of 5 because of occasional repetition, e.g. the Testing section restates "use the lowest-cost layer that still exercises the actual risk" and "live at the cheapest layer that still exercises that failure mode" within the same section.

4 / 5

Actionability

For an architecture/mental-model skill the guidance is concrete and directive: exact class and file names ("BrowserViewMainService", "electron-main/app.ts", "extensions/vscode-api-tests/src/singlefolder-tests/browser*.test.ts"), concrete change recipes ("make it authoritative in the main BrowserView, emit a change event, then mirror the field + event on the renderer model"), and decision rules ("Cookies/login/storage → sessions"). It does not reach 5 because there are no copy-paste-ready snippets (e.g. a forwarding-map entry or a contribution skeleton) for the most common change recipes.

4 / 5

Workflow Clarity

Change recipes are clearly sequenced (new state: authoritative in main → emit event → mirror on renderer model → add to typed forwarding map, with the explicit ordering constraint "Forwarding must be installed before navigation"), and the testing section gives a clear layered decision flow. It misses 5 because there are no explicit validation/checkpoint steps (e.g. how to verify a new mirrored field or a new layout override behaves correctly), though the skill's non-destructive reference nature makes this a minor gap.

4 / 5

Progressive Disclosure

The single-file structure is well organized with clear section headers, and it defers volatile detail to the live codebase ("the live `features/` and `tools/` folders are the source of truth") while citing specific files inline (app.ts, sharedProcessMain.ts, browser*.test.ts). No bundle files exist, and at ~95 lines of tightly interrelated mental model the one-file layout is defensible, but some self-contained sections (e.g. the testing strategy) could be split into a reference file to shrink the always-loaded footprint — hence 4 rather than 5.

4 / 5

Total

16

/

20

Passed

Description

87%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: explicit "Use when" trigger, clearly scoped what, and precise anchors (code name and source paths) that make it both findable and conflict-resistant. The only improvement space is slightly broader natural-language synonym coverage.

DimensionReasoningScore

Specificity

The description names the domain ("VS Code integrated browser", "browserView") and enumerates several concrete coverage areas — "embedded Chromium browser, its editor tab, navigation, overlay/layout, sessions, and agent browser tools" — plus concrete source paths. It does not reach 5 because the core action is a single generic verb ("understand its architecture and mental model") rather than a comprehensive list of distinct capabilities.

4 / 5

Completeness

It explicitly answers both questions: the "what" ("understand its architecture and mental model. Covers the embedded Chromium browser, its editor tab, navigation, overlay/layout, sessions, and agent browser tools") and the "when" with a concrete trigger clause ("Use this when working on the VS Code integrated browser ('browserView')"). Both are concrete and explicit, matching the top anchor.

5 / 5

Trigger Term Quality

Good natural-term coverage for the niche: users would plausibly say "integrated browser", "browserView", "browser tab", or reference the `src/vs/platform/browserView` paths, all of which appear or are directly implied. It falls short of 5 because common variations a user might say (e.g. "in-product browser", "browser tools", "simple browser") are only weakly represented.

4 / 5

Distinctiveness Conflict Risk

The niche is highly specific — a named VS Code subsystem with its code name ("browserView") and exact directory paths — so it is clearly distinguishable from generic browser, webview, or testing skills with minimal conflict risk. A neighboring skill like one for the legacy simple-browser extension would not be triggered by these terms.

5 / 5

Total

18

/

20

Passed

Validation

100%

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

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

microsoft/vscode

Path

.github/skills/integrated-browser/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.