fumadocs

Organize and render MDX documentation for React-based web projects.

Updated Apr 8, 2026

Search Tags:#documentation #react #framework #mdx #content-management #documentation-tools #mdx-extensions

Ready to run

npx skills add https://github.com/bmsull560/Fabric_4L --skill fumadocs-bmsull560

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: fumadocs
Source: https://github.com/bmsull560/Fabric_4L/tree/main/.windsurf/skills/fumadocs
Command: npx skills add https://github.com/bmsull560/Fabric_4L --skill fumadocs-bmsull560

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Fumadocs provides a fast, modular documentation framework that enables teams to author, organize, and present documentation within React-based projects, improving consistency and developer productivity.

Core Features & Use Cases

Headless core logic for search, content sources, and Markdown extensions
UI components and theming via fumadocs-ui
MDX content as the official content source

Quick Start

Install a fumadocs app and begin adding MDX-based documentation.

Frequently Asked Questions about fumadocs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build documentation for a React component library?▼

A modular MDX framework allows you to build React component library documentation by rendering MDX content and applying pre-built UI theming. This enables end-to-end content creation and presentation within modern web apps.

What is the best way to manage MDX content for a developer portal?▼

The best way to manage MDX content for a developer portal is using a framework with headless core logic for Markdown extensions and content sources. It enforces YAML frontmatter for discovery and supports optional scripts and assets.

Can I use this MDX framework to theme a design system documentation site?▼

Yes, you can theme a design system documentation site using dedicated UI components and a modular MDX framework. It separates headless core logic from UI theming to render high-quality, consistent documentation.

How do I add search functionality to MDX documentation?▼

You add search to MDX documentation by leveraging the framework's headless core logic, which includes built-in search capabilities and content source management. This enables efficient content discovery across your developer portal.

Does this documentation framework require YAML frontmatter for content discovery?▼

Yes, the framework enforces YAML frontmatter for content discovery and organization within your React project. This structured metadata ensures the modular MDX framework can properly index and render documentation.

What are the limitations of using a headless MDX framework for documentation?▼

Using a headless MDX framework for documentation requires a React-based project environment and MDX as the content source. Teams must manage UI integration and theming separately using the provided UI components.