MDX capabilities (reference)

Authoring note: This node is a capabilities reference for knowledge MDX. Every other node under content/nodes/ still uses placeholder copy for manual fill-in — do not treat this page as the template for real articles.

This node is intentionally not linked from hub connections so it does not add edges into topic clusters on the map. It still appears in the graph (category reference), is searchable (try “mdx-capabilities” or “InteractiveCodeSandbox”), and opens at /knowledge/mdx-capabilities.

Standard markdown

Paragraph with strong, emphasis, and an external link. Inline code sits beside a fenced block:

const slugFromPath = (filePath: string) =>
    filePath
        .replace(/\.mdx$/, "")
        .split("/")
        .pop() ?? "";

Unordered list:

• Frontmatter: id, label, category, optional connections, updatedAt
• Body: markdown plus custom components from createMdxComponents

Ordered steps:

1. Add or edit .mdx under content/nodes/<folder>/.
2. Run pnpm --filter janmatl-web check:knowledge.
3. Open the node on /knowledge or /knowledge/<slug>.

Blockquotes render as native <blockquote> elements (no dedicated MUI override in mdxElementOverrides).

Heading level three

Smaller section headings use h3 styling via the shared MDX element map.

Custom components

InteractiveCodeSandbox

ArchitectureDiagram