mdx-formatter

Design system reference for the mdx-formatter doc site (zudo-doc based). Use PROACTIVELY when: (1) Writing or modifying any CSS/styling in doc/, (2) Creating or editing React components in doc/src/components/, (3) Adding new pages or layouts to the doc site, (4) Reviewing UI changes in the doc site. Provides token names, spacing scales, color semantics, and typography rules. Do NOT invent custom CSS values — always use the design tokens below.

Run comprehensive pre-push validation covering code quality, builds, tests, and doc site. Use when: (1) Completing a PR or feature implementation, (2) Before pushing significant changes, (3) After large refactors or multi-file edits, (4) User says 'b4push', 'before push', 'check everything', 'run all checks', or 'ready to push'.