directxtk12-tutorial

$npx mdskill add microsoft/DirectXTK12/directxtk12-tutorial

Guide users through DirectX Tool Kit for DX12 tutorial

  • Solves setup and learning tasks for new Direct3D projects.
  • Depends on Microsoft's official Getting Started documentation.
  • Decides steps by asking if user wants technical notes.
  • Delivers results via sequential walkthrough with interactive checks.
SKILL.md
.github/skills/directxtk12-tutorialView on GitHub ↗
---
name: directxtk12-tutorial
description: >-
  Walk through the DirectX Tool Kit for DirectX 12 Getting Started tutorial step by step. Use this skill when
  asked to follow the tutorial, set up a new DirectX 12 project, or learn how to use DirectX Tool Kit for DX12 from scratch.
license: MIT
metadata:
  author: chuckw
  version: "1.0"
---

# DirectX Tool Kit for DirectX 12 — Getting Started Tutorial

This skill walks the user through the [Getting Started](https://github.com/microsoft/DirectXTK12/wiki/Getting-Started) tutorial for DirectX Tool Kit for DirectX 12 step by step.

Follow each step in order. Each step builds on the previous one.

At the end of each step, **ask the user** if they would like to see the Technical Notes section (which provides a brief overview of the underlying Direct3D 12 APIs and objects used by the toolkit in that step) or skip it and move on to the next step.

## Tutorial Steps

| Step | Title | Reference |
| ------ | ------- | ----------- |
| 0 | Prerequisites | [reference/step0.md](reference/step0.md) |
| 1 | Project Setup | [reference/step1.md](reference/step1.md) |
| 2 | Building the Project | [reference/step2.md](reference/step2.md) |
| 3 | Adding DirectX Tool Kit | [reference/step3.md](reference/step3.md) |
| 4 | Sprites and Textures | [reference/step4.md](reference/step4.md) |
| 5 | Drawing Text | [reference/step5.md](reference/step5.md) |
| 6 | Simple Rendering | [reference/step6.md](reference/step6.md) |
| 7 | 3D Shapes | [reference/step7.md](reference/step7.md) |

## Assets

The `assets/` folder contains files needed during the tutorial:

- `cat.png` — sprite texture used in Step 4
- `courier.spritefont` — pre-built sprite font used in Step 5

## Full Tutorial Sequence

See [reference/tutorial-steps.md](reference/tutorial-steps.md) for the complete list of planned tutorial lessons beyond these initial seven steps.
More from microsoft/DirectXTK12