5. Screens

Every screen is a 1440 × 900 frame of the webview content, at Dark Modern, unless noted. VS Code’s own chrome is not drawn, except an inset of the VS Code status bar in S12. Mock content is a sample “Checkout” app: pages Screens, Components, Playground; frames Login, Cart, Payment, Done; design system “Acme DS” with Button, Input, Card, Avatar; variable collections color (Light, Dark) and spacing.