> ## 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.

# Core Concepts

> Knowledge graph, Dynamic Workspace, AI Tutor, and Studio at a glance.

Four ideas make up the xkat experience. Understanding them makes everything else
in these docs click.

## Knowledge Graph

xkat doesn't organize learning as a flat list of videos. Every skill is a **node**
in a connected graph, linked to the skills it depends on through `REQUIRES`
relationships. You explore this graph as a 3D skill tree, and your roadmap is a
path through it.

<Card title="Learn more" icon="diagram-project" href="/en/learn/knowledge-graph">
  Explore the 3D Knowledge Graph
</Card>

## Dynamic Workspace

The lesson screen is not a video player — it's an **intelligent browser IDE** that
morphs to fit the lesson:

* **Backend / CLI lessons** → editor + terminal, backed by real remote compilation.
* **Frontend lessons** → editor + live web preview that renders instantly.
* Your work can sync to a personal **GitHub** repository.

<Card title="Learn more" icon="window" href="/en/learn/workspace/overview">
  Dynamic Workspace overview
</Card>

## AI Tutor

A context-aware assistant lives beside your code. When you hit an error or get
stuck, it reads the lesson context and your terminal output to give hints and
corrections in real time.

<Card title="Learn more" icon="robot" href="/en/learn/ai-tutor">
  Using the AI Tutor
</Card>

## Studio

Anyone can open the **Coding Studio** for free to design a course and draw its
knowledge graph. AI tools generate lesson content, a validation **Harness**
checks the code, and Pro creators can publish and earn revenue.

<Card title="Learn more" icon="pen-ruler" href="/en/studio/overview">
  Studio overview
</Card>

## How they fit together

<Steps>
  <Step title="A creator designs">
    In Studio, a creator lays out nodes and prerequisites, then AI generates the
    lesson content in English and translates it.
  </Step>

  <Step title="The graph organizes">
    Published lessons sync into the knowledge graph as connected nodes.
  </Step>

  <Step title="A learner practices">
    A learner follows a roadmap through the graph, practicing each node in the
    Dynamic Workspace with the AI Tutor.
  </Step>
</Steps>