mdx

Community

Write JSX in Markdown.

Authormgd34msu
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables the seamless integration of JSX components directly within Markdown files, bridging the gap between content creation and interactive web development.

Core Features & Use Cases

  • Embed React Components: Import and render React components directly inside your Markdown.
  • Dynamic Content: Create rich, interactive content for blogs, documentation, and marketing pages.
  • Use Case: Build a documentation site where each API reference page includes live, interactive code examples rendered using React components embedded directly in the MDX file.

Quick Start

Use the mdx skill to create a new blog post with a title and date in the frontmatter.

Dependency Matrix

Required Modules

@next/mdx@mdx-js/loader@mdx-js/reactgray-matterzodcontentlayernext-contentlayernext-mdx-remoteremark-gfmremark-mathrehype-slugrehype-autolink-headingsrehype-pretty-code

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mdx
Download link: https://github.com/mgd34msu/goodvibes-gemini/archive/main.zip#mdx

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.