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`.

Quality

86%

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

78%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/mental-model skill body: it stays at the level of durable invariants, gives concrete identifier-level recipes for every common change type, and clearly points to the live code as the source of truth rather than duplicating it. Remaining weaknesses are minor: slight redundancy in the Testing strategy section, no worked example for the contribution/forwarding patterns, and no explicit verify step linking each change recipe to its test layer.

Suggestions

Consolidate the Testing strategy section: the opening and closing paragraphs state the same rule (lean, scenario-focused, cheapest layer that exercises the risk) — merge them into one decision rule to save tokens.

Add one small worked example (e.g., a skeleton contribution class or a sample typed forwarding-map entry in BrowserViewMainService) so the 'modeled on a sibling' patterns can be executed without first hunting for a sibling.

Give each change recipe (new state, new operation, new contribution, layout override) an explicit verify step naming the test layer from the Testing strategy that should cover it, providing validation checkpoints for the workflows it directs.

DimensionReasoningScore

Conciseness

Dense and disciplined throughout — no basic-concept padding, and it explicitly defers churning detail ("It deliberately does **not** enumerate current features/tools/commands/settings — the live `features/` and `tools/` folders are the source of truth"). Not a 5 because the Testing strategy section has minor redundancy: the intro ("Keep every test layer lean and scenario-focused") and closing ("Tests should protect behavior whose failure would materially break a major browser scenario and live at the cheapest layer") restate the same rule.

4 / 5

Actionability

Concrete, identifier-rich directives for the common change types ("add it to the typed forwarding map in `BrowserViewMainService`", "write a new contribution modeled on a sibling", "a prioritized override, not pixels") — actionable without code, as appropriate for an instruction-only architecture skill. Not a 5 because there are no worked examples (e.g., a skeleton contribution or a sample forwarding-map entry), leaving minor gaps between knowing the pattern and executing it directly.

4 / 5

Workflow Clarity

The change-recipes are clearly sequenced with explicit ordering constraints ("Forwarding must be installed before navigation", "pixel-snap runs last"), and the reading workflow is stated unambiguously ("Build the mental model here, then go read the specific code you're changing"). Not a 5 because the recipes lack explicit verification checkpoints (e.g., which test layer should validate a given change is only implied by the Testing section), fitting 'clear sequence with most checkpoints present; minor validation gaps'.

4 / 5

Progressive Disclosure

No bundle files exist (no references/, scripts/, or assets/), and the body is a well-sectioned overview that clearly signals where the detail lives ("the live `features/` and `tools/` folders are the source of truth", plus specific paths like `electron-main/app.ts` and `extensions/vscode-api-tests/...`). Nothing that belongs in a separate file is inlined, references are one level deep, and navigation via section headers is easy — matching the top anchor for a self-contained skill.

5 / 5

Total

17

/

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: it states a precise what (architecture and mental model for the browserView area, with enumerated coverage topics and exact source paths) and an explicit when-clause with natural trigger terms. The only weakness is that it lists coverage topics rather than concrete actions, leaving minor coverage gaps.

DimensionReasoningScore

Specificity

Enumerates concrete coverage areas ("the embedded Chromium browser, its editor tab, navigation, overlay/layout, sessions, and agent browser tools") plus exact source paths, matching the 'several specific actions; minor gaps' anchor. Not a 5 because the action is a single one ("understand its architecture and mental model") and coverage has gaps (popups, remote pages, testing are not mentioned).

4 / 5

Completeness

Explicitly answers both: what ("understand its architecture and mental model. Covers the embedded Chromium browser, its editor tab, navigation, overlay/layout, sessions, and agent browser tools under ...") and when ("Use this when working on the VS Code integrated browser"). Clear what + when with a concrete trigger phrase matches the top anchor; a missing or merely implied when-clause would have capped it at 3.

5 / 5

Trigger Term Quality

Good natural keyword coverage: "VS Code integrated browser", "browserView", "embedded Chromium browser", "editor tab", "sessions", "agent browser tools" — phrases a developer would naturally say. A few natural terms are missing (e.g. "browser tab", "simple browser"), so it fits the 'good coverage; a few natural terms missing' anchor rather than the comprehensive-synonyms anchor.

4 / 5

Distinctiveness Conflict Risk

A clear niche pinned to specific VS Code components and paths ("browserView", "src/vs/platform/browserView", "src/vs/workbench/contrib/browserView"), with distinct triggers and minimal overlap risk with other skills. It even distinguishes itself from the adjacent simple-browser extension in the body.

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.