Chapter 2 · Build and stress

Heads, norms, residuals, and MLPs

Attention mixes tokens, the MLP mixes channels, and normalized residual paths let both transformations accumulate without losing the original stream.

65–90 min4 key conceptsReviewed 26 Aug 2026
01 · Production proposition

Domain autocomplete needs a model whose every component the team can explain.

This chapter moves from track width through every path to test the residual contract. We will make the idea concrete in a small code example before placing it back inside a production system with one-device educational build.

Decision

Assert unchanged `[batch, time, width]` shape, causal independence from future tokens, finite outputs, and gradient flow through a stack of blocks.

Evidence

Verify the behavior illustrated in decoder_block.py, then measure decision utility, slice reliability, and system latency.

Failure consequence

Without the causal mask, each position sees its target and validation loss becomes impossibly good. An unsafe release must degrade to a named baseline or the last known-good version.

02 · Guided chapter

Build the idea one layer at a time.

A transformer block works because several modest mechanisms cooperate: heads mix information across positions, an MLP transforms each position, and residual paths keep the whole stack trainable.

Multiple attention heads project the same sequence into smaller subspaces, allowing different relation patterns to be represented in parallel. Their outputs are concatenated and projected back to model width. The feed-forward MLP then expands and contracts each position independently; attention performs token mixing, while the MLP performs channel mixing.

Residual additions require each sublayer to return the same shape it receives. Layer normalization controls feature scale, and in a pre-norm block it sits before each sublayer, leaving a direct residual path through deep stacks. Dropout and initialization still matter, but shape and mask tests should pass before any optimization experiment.

Keep in view
  • QKV projections
  • causal masks
  • multi-head attention
  • pre-norm
WORKED PATH

Follow the reasoning before touching the code.

  1. 01

    Track width through every path

    Verify that head width times head count equals the attention projection width and that each sublayer projects back to model width before residual addition.

  2. 02

    Separate the two mixers

    Read attention as communication between positions and the MLP as a shared nonlinear transform at each position. This makes ablations interpretable.

  3. 03

    Test the residual contract

    Assert unchanged `[batch, time, width]` shape, causal independence from future tokens, finite outputs, and gradient flow through a stack of blocks.

pythondecoder_block.py
import torch
class DecoderBlock(torch.nn.Module):
    def __init__(self, width=64, heads=4):
        super().__init__()
        self.norm1 = torch.nn.LayerNorm(width)
        self.attn = torch.nn.MultiheadAttention(width, heads, batch_first=True)
        self.norm2 = torch.nn.LayerNorm(width)
        self.mlp = torch.nn.Sequential(
            torch.nn.Linear(width, 4 * width), torch.nn.GELU(),
            torch.nn.Linear(4 * width, width))
    def forward(self, x):
        time = x.shape[1]
        mask = torch.triu(torch.ones(time, time, device=x.device,
                                    dtype=torch.bool), diagonal=1)
        h = self.norm1(x)
        attended, _ = self.attn(h, h, h, attn_mask=mask, need_weights=False)
        x = x + attended
        return x + self.mlp(self.norm2(x))

A compact pre-norm decoder block keeps both residual paths shape-compatible.

READ THE EXAMPLE

What to notice

  • Both attention and MLP return model-width tensors, so each can be added to its residual input.
  • Layer normalization receives the current residual stream before the sublayer, which makes this a pre-norm block.
YOUR TURN Pause and predict before revealing the answer.

Change the final MLP layer to output `2 * width`. Which invariant fails first?

Need a hint?

Look at the final addition rather than the attention computation.

Check your reasoning

The residual addition fails because `[batch, time, 2 × width]` cannot be added to `[batch, time, width]`. Residual branches must return exactly the residual stream’s shape.

Bring forward

Lessons 1, 2 in this course.

03 · Formal treatment

Connect the chapter to the course’s quantitative spine.

Attention mixes tokens, the MLP mixes channels, and normalized residual paths let both transformations accumulate without losing the original stream. The scaled dot-product attention below is the shared course-level lens that helps quantify the surrounding system. Name each symbol, check its units or shape, and use only values that were available at the production cutoff.

Formal treatment
Attention⁡(Q,K,V)=softmax⁡ ⁣(QK⊤dk+M)V\operatorname{Attention}(Q,K,V) = \operatorname{softmax}\!\left(\frac{QK^\top}{\sqrt{d_k}} + M\right)V

Scaled dot-product attention

Symbol, shape or unit contract
SymbolMeaning / shape / unit
Q, K, Vquery, key, value matrices
d_khead width
Mcausal or padding mask
Open derivation and numerical substitution

Start from the production quantity being optimized, substitute the observed values with their declared units, then isolate the model-controlled term. Preserve shape annotations at each step so broadcasting or aggregation cannot silently change the result.

  1. Write the named inputs: Q, K, V, d_k, M.
  2. Substitute one small, hand-checkable batch before vectorizing.
  3. Calculate an independent reference value and compare within a declared tolerance.
# equation → code contract
inputs = validate_shapes_and_units(batch)
value = compute_c14(inputs)
assert is_finite(value)
04 · Deterministic lab

Change one assumption and make the tradeoff visible.

Use the worked chapter as your prediction, then change one input in the lab and explain why the output moves. The lab runs predefined TypeScript and never executes learner code, so the focus stays on the concept rather than setup.

Exact computation

Attention temperature lab

Change score temperature and inspect the exact softmax distribution.

Primary1.61 bits
Secondary53.1%
DiagnosisUsable spread

Assumption: Fixed scores [1.2, 0.3, −0.4, 1.8].

Open nonvisual data table
ItemComputed stateInterpretation
token 11.20.2915
token 20.30.1185
token 3-0.40.0589
token 41.80.5311
05 · Production implications

Trace the complete operating path.

Carry the chapter’s central idea into the system: Attention mixes tokens, the MLP mixes channels, and normalized residual paths let both transformations accumulate without losing the original stream. The path below shows where that reasoning needs an artifact, a test, an owner, or a fallback.

  1. 01

    Turn “Track width through every path” into a written invariant and a failing test.

  2. 02

    Promote decoder_block.py from illustration to a versioned implementation with representative fixtures.

  3. 03

    Use “Test the residual contract” as the release checkpoint: Assert unchanged `[batch, time, width]` shape, causal independence from future tokens, finite outputs, and gradient flow through a stack of blocks.

  4. 04

    Serve or materialize behind explicit one-device educational build.

  5. 05

    Join telemetry to mature outcomes and retain a rollback path.

Observability

Join service health, input quality, prediction distributions, slice behavior, and mature outcomes by exact version.

Cost

Measure storage, preprocessing, compute, queueing, and human review under a representative arrival pattern.

Failure modes

Without the causal mask, each position sees its target and validation loss becomes impossibly good. Add a detector, owner, mitigation, and stop condition for this class of failure.

Alternatives

Compare a rule, a simpler statistical baseline, and a different system boundary before adding model complexity.

06 · Check understanding

Explain the contract, not just the vocabulary.

Browser-graded checkpointPass ≥ 80%
01What does KV caching remove?
02Why divide logits by √d_k?
03What does the causal mask guarantee?
07 · Apply in production

Decoder-only transformer from scratch

Specify tokenizer, attention blocks, causal training, unit tests, sampling, and KV-cache parity without a transformer module.

  • Shape/mask tests
  • Tiny-batch overfit
  • Held-out evaluation
  • Cached/uncached parity
Open assignment and rubric
08 · Sources & next depth

Read primary material with a purpose.

09 · Production resolution

Return to the opening failure.

Version tokenizer, vocabulary, special tokens, architecture, weights, prompt template, and generation policy together.

For this lesson, the release evidence is the worked code example, a hand-checked formal result, deterministic simulation output, a ≥80% checkpoint, the production rubric, and a named fallback. The course resolves when the system can produce tokenizer, attention, rope, residual stack, training loop, generation, and kv cache.