メインコンテンツへスキップ

Live guide · ARC 2.0.0-beta.32

Write step-by-step guides in Markdown

Use the steps and step directives to organize a read-only tutorial, then inspect the actual numbered result and nesting rule.

steps and step organize Markdown as a numbered tutorial. They present static content written by the author. A step has no action, data binding, or write behavior of its own.

This page is a live feature guide. Unit pages: steps, step.

Sample contract

FieldValue
PurposeStatic numbered tutorial structure in content Markdown
BoundariesStatic-only: no run-button, no bind, no write; not a cross-device primitive promise
Author entry::::steps wrapping :::step{title=…} containers
SurfaceWeb Device documentview with mode=steps
Public statusreleased
Fallback / failureWrong fence depth drops or misparses body; ::step leaf cannot hold content
VerificationRoutes below · arc --version = 2.0.0-beta.32

Start with the fence rule

A step needs a body, so it must be a container directive with at least three colons. The wrapping steps directive uses one more. A two-colon ::step is a leaf directive with no body and cannot hold step content.

Source:

markdown
::::steps
:::step{title="Define the content boundary"}
Say what the page presents, and what it does not execute.
:::

:::step{title="Place source above the result"}
Let the reader see both the Markdown and its actual output.
:::

:::step{title="Inspect it in a browser"}
Confirm that the numbering, text, and narrow-screen layout all render normally.
:::
::::

Rendered:

  1. Define the content boundary

    Say what the page presents, and what it does not execute.

  2. Place source above the result

    Let the reader see both the Markdown and its actual output.

  3. Inspect it in a browser

    Confirm that the numbering, text, and narrow-screen layout all render normally.

A step body can include ordinary Markdown blocks such as paragraphs, lists, code blocks, or GitHub-style callouts. The outer steps fence must have more colons than the deepest nested container, otherwise the parser reads the fence as a different directive structure.

Failure and limits

SituationExpected result
::step{title="…"} leaf (two colons)No body; not a usable step
Outer :::steps with nested :::step (same depth)Misparsed structure; body may be lost
Expecting a “Run this step” controlOut of contract — steps are static presentation
Narrow viewportNumbering and text remain readable as document content

steps is a Web Device document structure produced by the content reader. It is not a separate cross-device AUP primitive promise. For the Web layout boundary in this site, see AUP layout boundary.

Verification evidence

ItemValue
Baseline2026-08-12 · arc --version2.0.0-beta.32
Capability rowdocs/aup/capability-matrix.md (internal, non-routed) · ::::steps / :::step
Implementationproviders/runtime/web-device/src/content-reader.ts (stepsDirectiveToAup); renderer/primitives/view.ts (mode=steps)
Unit pagessteps · step
Public routes/en/docs/web-device/markdown-steps/ · /zh/docs/web-device/markdown-steps/
Local runarc service start --blocklet blocklets/arcblock --port 4900 · desktop + ~390px
AcceptNumbered steps match source titles/bodies; no action/write chrome