What is a Cabinet?
Data
Markdown editor
Callouts, math & color

Callouts, math & color

The advanced group of slash commands plus the Cabinet highlight palette. Use them to make pages skimmable.

Callouts

Type /Callout for an info block or /Warning for an alert. The two callouts on this docs site map to four variants under the hood: tip, info, warning, danger.

In the editor, callouts roundtrip through markdown as fenced HTML blocks:

<aside class="callout callout-tip" data-icon="lightbulb">
  <strong>Tip.</strong> Anchor every agent to a folder.
</aside>

Cabinet highlights

Cabinet ships with six highlight colors and five inline text colors. They roundtrip through markdown as inline <mark> and <span> tags so other tools and git diff can read them.

Conventions on this docs site

  • Yellow for the one thing the reader needs to remember per section.
  • Blue for cross-references and external pointers.
  • Green for confirmations, shipped behavior, success paths.
  • Red for blockers and breaking changes.
  • Amber for tips and small habits that compound.
  • Purple for schema fields, YAML keys, and code-adjacent emphasis.

You're free to redefine these per cabinet — they're just CSS.

Math

Type /Math for inline KaTeX, or wrap raw text in $…$ (inline) or $$…$$ (block).

The energy-mass equivalence is $E = mc^2$.

Renders as: The energy-mass equivalence is $E = mc^2$.

For a block:

$$
\\sigma(z) = \\frac{1}{1 + e^{-z}}
$$

KaTeX is fast (no MathJax dependency) and the source stays readable as plain text — you can grep your cabinet for mc^2 and find it.

Emoji

/Emoji opens a picker, or paste any emoji directly: 🚀 ☕ 🔥 🌱 📈 🧭. Emoji is used heavily in agent personas (the 🤖 in persona.md) and across the AI team UI.

Checklists

/Checklist creates a task list:

  • Edit colors and highlights
  • Paste a YouTube link
  • Try the drag handle on the left gutter
  • Toggle source mode on this page

These roundtrip through GFM checklist syntax so they work cleanly in any other markdown editor too.

Read on