Generative UI for LLMs using Markdoc {% %} tag syntax inline with markdown prose.

LLMs write natural markdown and drop interactive components — charts, buttons, forms, tables — all in the same stream. No custom DSL, no JSON blocks, no JSX confusion.

Shimmer placeholders, Zod prop validation, contextData passthrough, error boundaries, and verbosity prompt modes — all built in.

The Q4 results show strong growth.

{% chart type="bar" labels=["Jan","Feb","Mar"] values=[120,150,180] /%}

Revenue grew **12%**. Want to dig deeper?

{% button action="continue" label="Show by region" /%}

pnpm add @mdocui/core @mdocui/react

Install the mdocUI skill in Claude Code:

mkdir -p .claude/skills/mdocui
curl -o .claude/skills/mdocui/SKILL.md https://raw.githubusercontent.com/mdocui/mdocui/main/SKILL.md

Then invoke with /mdocui in any conversation.

• Documentation | Live Demo | Examples | SKILL.md | llms.txt