Docs platform for the Mufflermen workshop
The 14 primitives that compose the Mufflermen docs platform — operator manual, trade-account API, pricing engine, and the Hermes chat playbook. Each surface lives on its own route with a workshop-flavoured demo.
Docs platform for the Mufflermen workshop is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Docs platform for the Mufflermen workshop: The 14 primitives that compose the Mufflermen docs platform — operator manual, trade-account API, pricing engine, and the Hermes chat playbook. Each surface lives on its own route with a workshop-flavoured demo.
Pick a surface
Every route opens the primitive in isolation with a Mufflermen-flavoured demo. The full docs scene composes everything end to end.
Article browser grid
Filterable article grid keyed by surface (Operator Manual, Trade API, Pricing, Hermes) with read time + difficulty.
Inspect primitive states 02Version selector
Picks between v1.0, v2.0 (current), and v3.0-beta. Flags breaking-change releases inline.
Inspect primitive states 03MDX block renderer
Renders the six MDX block kinds the docs platform supports: prose, code, note, warning, diff, tabs.
Inspect primitive states 04Footer nav row
Previous / next article cells at the bottom of every doc. Carries the relation hint when present.
Inspect primitive states 05Docs search modal
Cmd+K command palette grouped by Manual, API, Playbook, and History. Keyboard navigable end to end.
Inspect primitive states 06Table of contents rail
Auto-built TOC with IntersectionObserver scroll-spy and a section-progress bar.
Inspect primitive states 07Article meta card
Author, editor, last-update timestamp, version, and the rolling contributor list in one card.
Inspect primitive states 08Feedback helpful strip
Was this helpful? thumbs strip with an optional 280-char comment box that submits in place.
Inspect primitive states 09Related articles grid
Three-up grid of related reads keyed by surface label, with a per-card read-time and excerpt.
Inspect primitive states 10Glossary tooltip trigger
Underlined inline term that reveals its definition on hover or focus. Links into the full glossary.
Inspect primitive states 11API reference card
Method + path + parameter table + try-it link for any trade-account API endpoint.
Inspect primitive states 12Changelog strip
Compact strip of recent changes on the current doc page. Added / Fixed / Changed / Deprecated.
Inspect primitive states 13Breadcrumb doc trail
Hierarchical breadcrumb with a page-tree dropdown on the last crumb to jump between sibling pages.
Inspect primitive states 14Edit on GitHub banner
Banner showing last-commit info + repo path with an Edit-this-page CTA into mufflermen/docs.
Inspect primitive states 15Full docs scene
Composition scene that wires breadcrumb, banner, meta card, MDX, TOC, feedback, related, and footer.
Inspect primitive states