Render Markdown content with streaming support and custom components.
npx skills add https://github.com/antdv-next/x --skill x-markdown-antdv-next
Please help me install this Agent Skill. Skill: x-markdown Source: https://github.com/antdv-next/x/tree/main/packages/x-skill/skills/x-markdown Command: npx skills add https://github.com/antdv-next/x --skill x-markdown-antdv-next
Markdown rendering in diverse apps (chat, docs, dashboards) often requires consistent visuals, streaming support for incremental content, and extensibility via plugins, themes, and custom components.
Import XMarkdown from @antdv-next/x-markdown and render content by passing a Markdown string to its content prop.
High-intent search queries and answers about installing and using this skill.
Vue environments require the component to be imported from its package before rendering Markdown. You pass a raw Markdown string to the content prop, or use children input, to get formatted visual output directly in your application.
You can safely render Markdown by configuring HTML handling and sanitization options. It provides safe rendering defaults with configurable escapeRawHtml and dompurifyConfig settings to prevent XSS and control raw HTML execution.
You can map custom Vue components and apply themes when rendering Markdown. The component supports custom component mappings and plugin/theme extensions via configuration to generate rich, interactive content visualizations.
Vue environments require the component to be imported from its package before rendering Markdown. You pass a raw Markdown string to the content prop, or use children input, to get formatted visual output directly in your application.
The best way to handle incremental Markdown rendering for live data sources is using a component with native streaming support. It accurately processes partial Markdown chunks as they arrive, ensuring consistent visuals for real-time content.
Markdown streaming output might flicker if the renderer lacks incremental parsing support. Using a component designed for streaming Markdown ensures partial chunks are processed accurately, maintaining stable visuals during live data updates.
jordanhubbardImport, organize, and link markdown files into a structured knowledge base.
wangzi6224Render streaming Markdown content in React applications with custom components.
ovachieverMigrate React, Vue, Angular, or vanilla frontends to Next.js with shadcn/ui.
tiantangcao1980-webRender the tdesign-vue-next chat component with streaming, markdown, and tool-call features.
