sessions
Provides architectural guidelines and technical specifications for developing features within the Agents window environment.
Install
mkdir -p .claude/skills/sessions && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/10393" && unzip -o skill.zip -d .claude/skills/sessions && rm skill.zipInstalls to .claude/skills/sessions
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Agents window architecture — covers the agents-first app, layering, folder structure, chat widget, menus, contributions, entry points, and development guidelines. Use when implementing features or fixing issues in the Agents window.Key capabilities
- →Manage Agents window UI layout
- →Implement session provider interfaces
- →Apply layering and dependency injection
- →Develop chat widget and menu contributions
How it works
The skill enforces strict architectural rules, including layer hierarchy and dependency injection patterns, to ensure consistency across the Agents window codebase.
Inputs & outputs
When to use sessions
- →Develop new features in the Agents window
- →Fix issues within the agents-first app UI
- →Apply consistent layering in session code
- →Update UI layout controllers
About this skill
Agents Window development
Use this skill for implementation, review, or design work under
src/vs/sessions/**.
1. Apply the core principles
- Preserve the layer direction:
vs/sessionsmay importvs/workbenchand lower layers;vs/workbenchmust never importvs/sessions. - Keep shared Sessions code provider-neutral. Non-provider contributions must not import provider implementations.
- Model mutable session and chat state with observables. Use events for notifications, not as a parallel state model or for control flow.
- Register Sessions menu IDs in
browser/menus.tsand consumeMenus.*. - Import contributions from the appropriate
sessions.*.main.tsentry point. - Prefer Sessions-owned adaptations over shared workbench changes unless the capability is genuinely shared.
- Put stable architecture in the owning specification and concrete behavior in tests. Do not preserve implementation chronology as development guidance.
2. Identify the owning area
Start with src/vs/sessions/README.md, then read only the specifications relevant
to the change:
| Area | Specification |
|---|---|
| Layering, folder ownership, cross-module imports | src/vs/sessions/LAYERS.md |
| Session/chat model, services, provider contract, core data flow | src/vs/sessions/SESSIONS.md |
| Workbench parts, grid, title bar, editor presentation | src/vs/sessions/LAYOUT.md |
| Session-aware layout state and restoration | src/vs/sessions/LAYOUT_CONTROLLER.md |
| Single-pane behavior and expected compositions | src/vs/sessions/SINGLE_PANE_SCENARIOS.md |
| Sessions sidebar list, grouping, filtering, and persistence | src/vs/sessions/SESSIONS_LIST.md |
| Phone layout and mobile components | src/vs/sessions/MOBILE.md |
| AI customizations | src/vs/sessions/AI_CUSTOMIZATIONS.md |
| Copilot customizations | src/vs/sessions/copilot-customizations-spec.md |
| Copilot Chat provider | src/vs/sessions/contrib/providers/copilotChatSessions/COPILOT_CHAT_SESSIONS_PROVIDER.md |
| Agent Host provider | src/vs/sessions/contrib/providers/agentHost/AGENT_HOST_SESSIONS_PROVIDER.md |
| Remote Agent Host provider | src/vs/sessions/contrib/providers/remoteAgentHost/REMOTE_AGENT_HOST_SESSIONS_PROVIDER.md |
Do not load the learning inbox by default. Search its headings and scopes, then read only matching entries after the authoritative specification.
3. Inspect before changing
- Trace the current implementation and its existing tests.
- Search for shared helpers, context keys, menu IDs, entry-point imports, and provider abstractions before adding new ones.
- Confirm which layer owns the behavior. Keep provider-specific decisions in the provider and view/layout decisions in Sessions-owned browser code.
- For UI work, also invoke the applicable accessibility, design, CSS, layout, or theming skill.
- For agent, LLM, policy, permissions, telemetry, or managed-setting changes, invoke the applicable specialist skill before implementation.
4. Implement the contract
Apply the core principles and the focused specification. Prefer small changes that preserve these boundaries:
ISessionsManagementServiceowns model orchestration and provider routing.ISessionsServiceowns visible and active session behavior.- Providers expose provider-neutral state through
ISessionandIChat. - Session state is observable; consumers derive UI state reactively.
- Contributions load through the appropriate
sessions.*.main.tsentry point. - Sessions menus use the shared
Menusregistry. - Shared workbench changes represent shared capability, not Sessions-specific policy.
Update a specification when its architecture or durable behavior changes. Do not add implementation chronology, rejected approaches, or bug narratives to a specification.
5. Validate proportionally
Run the smallest existing checks that cover the change:
- focused unit tests for affected behavior;
npm run valid-layers-checkwhen imports or module ownership change;- targeted type checking or compilation when TypeScript changes warrant it;
- relevant integration, E2E, or visual validation for cross-process or UI work.
Documentation-only changes require link, path, and consistency checks rather than a full build.
6. Record feedback correctly
When a user explicitly corrects or rejects an approach, invoke the
feedback-learning skill unless they use the literal learn! trigger. Literal
learn! requests follow .github/instructions/learnings.instructions.md
instead. A durable architecture invariant belongs in the owning specification,
concrete behavior belongs in a regression test, and unproven reusable guidance
belongs temporarily in the scoped learning inbox. Never append every correction
to this skill.
7. Maintain this skill
Update this skill only when a principle is stable, cross-cutting, and useful for most Agents Window work, or when the routing/workflow itself changes. Put subsystem contracts in their focused specification and bug behavior in tests.
Keep the core-principles section at no more than ten bullets. Before adding one, merge overlap, remove obsolete guidance, and prefer rewriting an existing principle. Never append incident-specific details or use this skill as a learning log.
When not to use it
- →When modifying code outside of src/vs/sessions/
- →When using standard workbench menu IDs
Prerequisites
Limitations
- →contrib/* must not import from contrib/providers/*
- →Session state must flow through IObservable, not Event
How it compares
It mandates adherence to specific internal specifications and ESLint-enforced import restrictions that differ from standard workbench development.
Compared to similar skills
sessions side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| sessions (this skill) | 0 | 26d | No flags | Advanced |
| react-native-architecture | 55 | 2mo | Review | Advanced |
| nextjs-best-practices | 31 | 6mo | No flags | Intermediate |
| react-component-patterns | 3 | 29d | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by microsoft
View all by microsoft →You might also like
react-native-architecture
wshobson
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.
nextjs-best-practices
davila7
Next.js App Router principles. Server Components, data fetching, routing patterns.
react-component-patterns
HoangNguyen0403
Modern React component architecture and composition patterns.
app-specific-patterns
growilabs
GROWI main application (apps/app) specific patterns for Next.js, Jotai, SWR, and testing. Auto-invoked when working in apps/app.
javascript-typescript-typescript-scaffold
sickn33
You are a TypeScript project architecture expert specializing in scaffolding production-ready Node.js and frontend applications. Generate complete project structures with modern tooling (pnpm, Vite, N
server-components
davepoon
This skill should be used when the user asks about "Server Components", "Client Components", "'use client' directive", "when to use server vs client", "RSC patterns", "component composition", "data fetching in components", or needs guidance on React Server Components architecture in Next.js.