Is search functionality included?

The skill covers the integration and configuration of FlexSearch, providing a high-performance search experience for your documentation.

Can I use custom React components in my documentation?

Yes, the skill provides specific implementation patterns for integrating JSX/TSX components directly into MDX files.

How is the sidebar navigation managed?

Navigation is controlled through _meta.js or _meta.json files located in your pages directory, which define the ordering and labels of the sidebar.

Does this skill help with documentation SEO?

Yes, it includes patterns for configuring SEO metadata, Open Graph tags, and title templates within the theme configuration.

What versions of Nextra does this skill support?

It supports Nextra 3.x and 4.x, including compatibility patterns for Next.js 14/15 and the newer App Router.

Nextra Documentation Framework

Name: Nextra Documentation Framework
Author: modu-ai

bymodu-ai

•

Learning & Documentation

Builds high-performance, enterprise-grade documentation sites using Nextra and Next.js with zero-config MDX support.

This skill empowers developers to architect professional documentation portals and knowledge bases using the Nextra framework. It provides specialized guidance on project structure, advanced theme customization via theme.config.tsx, and core implementation patterns like internationalization (i18n), FlexSearch integration, and Next.js 15 App Router compatibility. Whether building an API reference or a complex developer portal, this skill ensures best practices for performance, SEO, and developer experience within the Claude Code environment.

Key Features

01File-system based routing with automated navigation structure via _meta files

02Full compatibility with Next.js 14/15 and Turbopack support

03Zero-config MDX integration for seamless Markdown and JSX usage

04Enterprise-grade theme customization and branding controls

0516 GitHub stars

06Built-in internationalization (i18n) and advanced full-text search

Use Cases

01Building technical API reference documentation with interactive React examples

02Developing customizable documentation themes using the Next.js App Router

03Creating multi-language enterprise knowledge bases and product guides

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add modu-ai/cc-plugins moai-library-nextra

For use in Claude.ai and ChatGPT

Download Skill