Claude MarketplacesSubmit
microsoft avatar

Agent Sessions Layout

microsoft/vscodeOfficial

If you're touching the VS Code Agents workbench layout code, this skill keeps you from breaking things. It enforces reading the canonical spec at src/vs/sessions/LAYOUT.md before making changes, covering the fixed grid structure, part visibility rules, titlebar config, and editor modal behavior. It's one of those "read the docs first" guardrails that actually makes sense when you're working in a complex layout system with specific conventions around CSS classes, storage keys, and lifecycle hooks. Pair it with the sessions skill for broader Agents window architecture context.

skills.sh installs
911
GitHub stars
195.3K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add microsoft/vscode --skill agent-sessions-layout --agent claude-code

Installs into .claude/skills of the current project.

Files

If you're touching the VS Code Agents workbench layout code, this skill keeps you from breaking things. It enforces reading the canonical spec at src/vs/sessions/LAYOUT.md before making changes, covering the fixed grid structure, part visibility rules, titlebar config, and editor modal behavior. It's one of those "read the docs first" guardrails that actually makes sense when you're working in a complex layout system with specific conventions around CSS classes, storage keys, and lifecycle hooks. Pair it with the sessions skill for broader Agents window architecture context.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/microsoft/vscode
Categories
Frontend Development, AI & Agent Building
First seen
Apr 16, 2026

More from microsoft/vscode

All 15

Recommended

More Frontend Development
1prowler-cloud avatarzustand-5prowler-cloud/prowlerZustand 5 state management patterns. Trigger: When implementing client-side state with Zustand (stores, selectors, persist middleware, slices).911skills.sh installs
2affaan-m avatarreact-patternsaffaan-m/everything-claude-codereact patterns893skills.sh installs
3affaan-m avatarfrontend-a11yaffaan-m/everything-claude-codefrontend a11y870skills.sh installs
4manutej avatarui-design-patternsmanutej/luxor-claude-marketplaceCommon interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibility considerations854skills.sh installs
5wot-ui avatarwot-ui-cliwot-ui/open-wot使用、调试或维护 @wot-ui/cli 与 open-wot 仓库。适用于 wot CLI 命令、Agent/MCP 接入、doctor/usage/lint、组件知识查询、客户端 adapter、离线数据提取、构建测试、发布包检查和仓库开发；如果任务是直接编写 wd-* 组件页面或解释组件 API，应改用 wot-852skills.sh installs
6molefrog avatarreact-pdfmolefrog/skillsGenerate PDF documents using React-PDF library (@react-pdf/renderer). Use when creating PDFs, generating documents, reports, invoices, forms, or when user menti761skills.sh installs