directxtk-tutorial

$npx mdskill add microsoft/DirectXTK/directxtk-tutorial

Guide users through DirectX Tool Kit tutorials step by step

  • Solves setup and learning tasks for new DirectXTK projects.
  • Depends on Microsoft's official Getting Started tutorial steps.
  • Decides content flow based on user requests for notes or skips.
  • Delivers structured guidance with optional technical API explanations.
SKILL.md
.github/skills/directxtk-tutorialView on GitHub ↗
---
name: directxtk-tutorial
description: >-
  Walk through the DirectX Tool Kit for DirectX 11 Getting Started tutorial step by step. Use this skill when
  asked to follow the tutorial, set up a new DirectX 11 project, or learn how to use DirectX Tool Kit from scratch.
license: MIT
metadata:
  author: chuckw
  version: "1.0"
---

# DirectX Tool Kit for DirectX 11 — Getting Started Tutorial

This skill walks the user through the [Getting Started](https://github.com/microsoft/DirectXTK/wiki/Getting-Started) tutorial for DirectX Tool Kit 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 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/DirectXTK