138 pages for visual.

Commands Claude Code CLI · in the page commands …| Visualize current context usage as a colored grid. Shows optimization suggestions for context-heavy tools, memory bloat, and capac… Common workflows Claude Code CLI · in the page common-workflows …we modify it for the new feature? ``` **4. Get code suggestions from visual content** ```text wrap theme={null} Generate CSS to match this design mockup ``` ```text wrap theme={null} What HTML stru… Communications kit Claude Code CLI · in the page communications-kit …rd, or *Alt+V* on Windows and WSL. *Try it now:* next time something visual breaks, screenshot it and paste it right into the prompt. Then just type "what's wrong here?" 📖 Working with images → http… Let Claude use your computer from the CLI Claude Code CLI · in the page computer-use …s, click, type, and see your screen on macOS. Test native apps, debug visual issues, and automate GUI-only tools without leaving your terminal. > [!NOTE] > > Computer use is a research preview on mac… Explore the context window Claude Code CLI · in the page context-window …gateway](/docs/en/llm-gateway) alias. ## Check your own session The visualization uses representative numbers. To see your actual context usage at any point, run `/context` for a live breakdown by c… Desktop application Claude Code CLI · in the page desktop …editor, side chats, computer use, Dispatch sessions from your phone, visual diff review, app previews, PR monitoring, connectors, and enterprise configuration. In the Claude Desktop app, Claude Code… Claude Desktop on Linux (beta) Claude Code CLI · in the page desktop-linux …nd Claude Code experience as on macOS and Windows: parallel sessions, visual diff review, an integrated terminal and editor, and live app preview. See [Use Claude Code Desktop](/docs/en/desktop.md) fo… Claude Code Desktop in WSL Claude Code CLI · in the page desktop-wsl …tion. ## What works in a WSL session Parallel sessions, side chats, visual diff review, branch and pull request status, and worktrees all work, backed by the git and toolchain inside the distributio… Development containers Claude Code CLI · in the page devcontainer …to dev containers? The [VS Code Dev Containers tutorial](https://code.visualstudio.com/docs/devcontainers/tutorial) walks through installing Docker, the extension, and opening your first container. Fo… Extend Claude Code Claude Code CLI · in the page features-overview …as a private, interactive web page | Output you want to see or share visually rather than as terminal text | An incident timeline that updates as Claude investigates | **[Plugins](/docs/en/plugins/o… Fullscreen rendering Claude Code CLI · in the page fullscreen …*`v`**: writes the conversation to a temporary file and opens it in `$VISUAL` or `$EDITOR`. ## Watch your changes in the diff panel In fullscreen rendering, [`/diff`](/docs/en/interactive-mode#revie… Glossary Claude Code CLI · in the page glossary …rom your session to a private URL on claude.ai, so you can see output visually or share it instead of reading terminal text. The page updates in place when the session republishes. Artifacts you creat… Interactive mode Claude Code CLI · in the page interactive-mode …rsor or navigate command history | When the input spans more than one visual row, whether wrapped or multiline, first moves the cursor within the prompt. Once the cursor is on the first or last visual… Monitoring Claude Code CLI · in the page monitoring-usage …lysis * **Full-featured observability platforms**: Advanced querying, visualization, alerting ### Backends for events and logs * **Log aggregation systems**: Full-text search, log analysis * **Colum… Enterprise network configuration Claude Code CLI · in the page network-config …oads a typeface from [Google Fonts](/docs/en/artifacts.md#improve-the-visual-design) also requests `fonts.googleapis.com` and `fonts.gstatic.com`. Both hosts are optional. If you block them, artifacts… Overview Claude Code CLI · in the page overview …pp for running Claude Code outside your IDE or terminal. Review diffs visually, run multiple sessions side by side, schedule recurring tasks, and start cloud sessions. Download and install: * [macOS… Platforms and integrations Claude Code CLI · in the page platforms …and Max), third-party providers | | [Desktop](/docs/en/desktop.md) | Visual review, parallel sessions, managed setup | Diff viewer, app preview, [computer use](/docs/en/desktop.md#let-claude-use-your… Prompt library Claude Code CLI · in the page prompt-library …nextHref: '/en/goal', src: 'ebook' }, { id: 'fix-a-precise-visual', sdlc: 'build', cat: 'Refactor', roles: ['design'], prompt: 'the {element} extends {amount} beyond the {co… All settings Claude Code CLI · in the page settings-reference …prompt input * `"vim"`: vim-style editing with NORMAL, INSERT, and VISUAL modes * **Default**: `"normal"` ```json settings.json theme={null} { "editorMode": "vim" } ``` Appears in `/config` as… Extend Claude with skills Claude Code CLI · in the page skills …hrough [managed settings](/docs/en/managed-settings.md) ### Generate visual output Skills can bundle and run scripts in any language, giving Claude capabilities beyond what's possible in a single pr… Customize your status line Claude Code CLI · in the page statusline …output style | | `vim.mode` | Current vim mode (`NORMAL`, `INSERT`, `VISUAL`, or `VISUAL LINE`) when [vim mode](/docs/en/interactive-mode.md#vim-editor-mode) is enabled | | `agent.name` | Agent name… Create custom subagents Claude Code CLI · in the page sub-agents …results. To see the context savings in practice, the [context window visualization](/docs/en/context-window.md) walks through a session where a subagent handles research in its own separate window.… Configure your terminal for Claude Code Claude Code CLI · in the page terminal-config …o `normal` to turn it off. Vim mode supports a subset of NORMAL- and VISUAL-mode motions and operators, such as `hjkl` navigation, `v`/`V` selection, and `d`/`c`/`y` with text objects. See the [Vim e… Tools reference Claude Code CLI · in the page tools-reference …n text: * **Images**: PNG, JPEG, GIF, and WebP files are returned as visual content that Claude can see, not as raw bytes. Claude Code resizes and recompresses large images to fit the model's image s… Use Claude Code in VS Code Claude Code CLI · in the page vs-code …the extension announces conversation activity for every user, with no visual change. This is separate from the CLI's opt-in [screen reader mode](/docs/en/accessibility.md), which adapts the terminal i… Week 17 · April 20–24, 2026 Claude Code CLI · in the page whats-new/2026-w17 …ode on the web](/docs/en/claude-code-on-the-web.md) Other wins [Vim visual mode](/docs/en/interactive-mode.md#vim-editor-mode): press `v` for character selection or `V` for line selection in the pro… Week 27 · June 29 – July 3, 2026 Claude Code CLI · in the page whats-new/2026-w27 …, and Claude Code experience as macOS and Windows: parallel sessions, visual diff review, an integrated terminal and editor, and live app preview. Installs from Anthropic's apt repository, so updates… Week 29 · July 13–17, 2026 Claude Code CLI · in the page whats-new/2026-w29 …-connectors) Screen reader mode CLI Screen reader mode replaces the visual terminal interface with plain, linear text: instead of boxes, spinners, and in-place redraws, Claude Code prints labeled li… What's new Claude Code CLI · in the page whats-new/index …de Tag sessions. Also this week: **screen reader mode** replaces the visual terminal interface with plain, linear text for screen readers such as VoiceOver and NVDA; **`/fork`** copies your conversat… Claude Science changelog Claude Documentation · in the page claude-science/changelog …to start the environment installer, and no longer needs the Microsoft Visual C++ Redistributable * The app now warns you a few days before your sign-in expires and offers a "Sign in again" button * Va… The Ulam spiral: are the primes' diagonal streaks real? Claude Documentation · in the page claude-science/example-gallery/math-ulam …oad any data. Reference: M. L. Stein, S. M. Ulam and M. B. Wells, 'A visual display of some properties of the distribution of primes', American Mathematical Monthly 71, 516–520 (1964) Design guidelines Claude Documentation · in the page connectors/building/mcp-apps/design-guidelines …gn MCP Apps that feel native to Claude: display modes, mobile layout, visual style, interaction patterns, and the host's style variables. MCP Apps are interactive interfaces that appear within Claude… Get started with MCP Apps Claude Documentation · in the page connectors/building/mcp-apps/getting-started …ocol/ext-apps/tree/main/examples/customer-segmentation-server) | Data visualization with scatter charts and clustering analysis | | [Map](https://github.com/modelcontextprotocol/ext-apps/tree/main/exa… Blend your MCP App with Claude's theme Claude Documentation · in the page connectors/building/mcp-apps/transparent-theming …yle-variables): the full variable palette in the design guidelines * [Visual design](/docs/connectors/building/mcp-apps/design-guidelines.md#visual-design): usage guidance for color, typography, and s… Changelog Claude Documentation · in the page cowork/changelog …esponding until you switched apps and back, and cleared up teach-mode visuals so the screen-edge glow no longer flickers and the status indicator no longer sticks after you exit a guide. * Fixed dicta… Monitoring Claude Documentation · in the page cowork/monitoring …ervability platforms** (e.g., Honeycomb, Datadog): Advanced querying, visualization, and alerting ## Service information All events are exported with the following resource attributes: | Attribute… Use Claude for PowerPoint Claude Documentation · in the page office-agents/powerpoint …ket sizing section, 3 slides covering TAM, SAM, SOM with supporting visuals." * "Add an executive summary slide using the one-column content layout." ### Edit existing slides Select a slide and te… Build an MCP server Model Context Protocol · in the page docs/2024-11-05/develop/build-server …if it doesn't exist. For example, if you have [VS Code](https://code.visualstudio.com/) installed: ```bash macOS/Linux theme={null} code ~/Library/Application\ Support/Claude/claude_desktop_config.j… What is the Model Context Protocol (MCP)? Model Context Protocol · in the page docs/2024-11-05/getting-started/intro …https://developers.openai.com/api/docs/mcp/), development tools like [Visual Studio Code](https://code.visualstudio.com/docs/copilot/chat/mcp-servers), [Cursor](https://cursor.com/docs/context/mcp), [… Architecture overview Model Context Protocol · in the page docs/2024-11-05/learn/architecture …r**: A program that provides context to MCP clients **For example**: Visual Studio Code acts as an MCP host. When Visual Studio Code establishes a connection to an MCP server, such as the [Sentry MCP… Understanding Authorization in MCP Model Context Protocol · in the page docs/2024-11-05/tutorials/security/authorization …When you run the server, you can add it to your MCP client, such as Visual Studio Code, by providing the MCP server endpoint. For more details about implementing MCP servers in TypeScript, refer to… Build an MCP server Model Context Protocol · in the page docs/2025-03-26/develop/build-server …if it doesn't exist. For example, if you have [VS Code](https://code.visualstudio.com/) installed: ```bash macOS/Linux theme={null} code ~/Library/Application\ Support/Claude/claude_desktop_config.j… What is the Model Context Protocol (MCP)? Model Context Protocol · in the page docs/2025-03-26/getting-started/intro …https://developers.openai.com/api/docs/mcp/), development tools like [Visual Studio Code](https://code.visualstudio.com/docs/copilot/chat/mcp-servers), [Cursor](https://cursor.com/docs/context/mcp), [… Architecture overview Model Context Protocol · in the page docs/2025-03-26/learn/architecture …r**: A program that provides context to MCP clients **For example**: Visual Studio Code acts as an MCP host. When Visual Studio Code establishes a connection to an MCP server, such as the [Sentry MCP… Understanding Authorization in MCP Model Context Protocol · in the page docs/2025-03-26/tutorials/security/authorization …When you run the server, you can add it to your MCP client, such as Visual Studio Code, by providing the MCP server endpoint. For more details about implementing MCP servers in TypeScript, refer to… Build an MCP server Model Context Protocol · in the page docs/2025-06-18/develop/build-server …if it doesn't exist. For example, if you have [VS Code](https://code.visualstudio.com/) installed: ```bash macOS/Linux theme={null} code ~/Library/Application\ Support/Claude/claude_desktop_config.j… What is the Model Context Protocol (MCP)? Model Context Protocol · in the page docs/2025-06-18/getting-started/intro …https://developers.openai.com/api/docs/mcp/), development tools like [Visual Studio Code](https://code.visualstudio.com/docs/copilot/chat/mcp-servers), [Cursor](https://cursor.com/docs/context/mcp), [… Architecture overview Model Context Protocol · in the page docs/2025-06-18/learn/architecture …r**: A program that provides context to MCP clients **For example**: Visual Studio Code acts as an MCP host. When Visual Studio Code establishes a connection to an MCP server, such as the [Sentry MCP… Understanding Authorization in MCP Model Context Protocol · in the page docs/2025-06-18/tutorials/security/authorization …When you run the server, you can add it to your MCP client, such as Visual Studio Code, by providing the MCP server endpoint. For more details about implementing MCP servers in TypeScript, refer to… Build an MCP server Model Context Protocol · in the page docs/2025-11-25/develop/build-server …if it doesn't exist. For example, if you have [VS Code](https://code.visualstudio.com/) installed: ```bash macOS/Linux theme={null} code ~/Library/Application\ Support/Claude/claude_desktop_config.j…