> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xkat.space/llms.txt
> Use this file to discover all available pages before exploring further.

# Dynamic Workspace Overview

> The intelligent browser IDE that adapts to each lesson.

The lesson screen in xkat is **not a video player** — it's a **Dynamic Workspace**:
an intelligent browser IDE that reshapes itself to match the lesson's context.

## Context-aware layout

The workspace morphs based on what you're practicing:

<CardGroup cols={2}>
  <Card title="Editor + Terminal" icon="terminal" href="/en/learn/workspace/editor-terminal">
    For backend and CLI lessons — write code and run it against a real remote
    compiler, with output in a live terminal.
  </Card>

  <Card title="Editor + Live Preview" icon="window" href="/en/learn/workspace/editor-preview">
    For frontend lessons — your changes render instantly in an in-browser preview.
  </Card>
</CardGroup>

## What makes it powerful

<CardGroup cols={3}>
  <Card title="Remote compilation" icon="server">
    Code runs on real cloud servers, not a limited toy sandbox.
  </Card>

  <Card title="GitHub sync" icon="github" href="/en/learn/workspace/github-sync">
    Sync your work safely with a personal repository.
  </Card>

  <Card title="AI Tutor" icon="robot" href="/en/learn/ai-tutor">
    A context-aware assistant that helps when you're stuck.
  </Card>
</CardGroup>

## Zero setup

There's nothing to install. The moment you open a lesson, the browser becomes a
complete development and execution environment. See
[Zero-Setup Environment](/en/learn/workspace/zero-setup).

## Show, don't tell

Type code and watch the terminal or preview react immediately — the workspace is
designed so you *experience* the result rather than just read about it.