v0.3.0
MDP 0.3.0 — interactive forms, custom brand color, an MCP server, a live site, and the first npm publish.
Highlights
- Interactive forms. Four new artifacts that compile the same source into client-side experiences:
scroll(scroll-driven narrative with reveal-on-enter, a progress bar, and a dot rail),accordion(collapsible<details>sections with Expand/Collapse all),tabs(arrow-key navigation and a deep-linkable hash), andstepper(a guided walkthrough with Back/Next). Each is opt-in viaforms:, degrades to readable HTML with no JavaScript, respectsprefers-reduced-motion, and keeps WCAG-AA contrast and keyboard navigation. - Timeline, FAQ, and pricing blocks (
mdp:timeline,mdp:faq,mdp:pricing), rendered across every form. - Custom brand color. A
brand-accentfrontmatter field (one hex) that the engine derives a full WCAG-AA accent set from (five roles, light and dark), falling back to the namedthemewhen a color cannot be made accessible. An optionalbrand-accent-2adds a secondary color used sparingly, andbrand-fontselects the body/UI family from a closed set of system stacks. - Five more themes (
ocean,forest,terracotta,coral,plum) for eleven total, each AA-verified in light and dark, plus a visual swatch theme picker in the playground and an AA-conformance test so a future theme cannot regress accessibility. - An MCP server (
mdp-mcp): any MCP host (Claude Desktop, Cursor, ...) can compile MDP viamdp_compile,mdp_present, andmdp_validate, plusmdp://specandmdp://example/*resources. Install withclaude mcp add mdp -- npx -y mdp-mcp. - A Codex plugin in
codex/exposing the samemdpskill (codex marketplace add barmoshe/mdp). - A hub, live playground, and full docs at https://barmoshe.github.io/mdp/, deployed to GitHub Pages. The playground bundles the real engine, so it compiles with the same code the CLI and plugins run.
Published to npm
mdp-compiler— the dependency-free engine (npm i mdp-compiler)mdp-mcp— the MCP server (npx -y mdp-mcp)create-mdp-extension— the scaffolder (npm create mdp-extension)
The engine package was renamed from
@mdp/coretomdp-compilerfor its npm publish (the@mdpscope is owned by an unrelated party).
Full notes: CHANGELOG.md