Esta habilidad cubre el uso de MDX dentro de Docusaurus para incrustar y componer componentes React en las páginas de documentación. Explica el frontmatter…
Esta habilidad cubre el uso de MDX dentro de Docusaurus para incrustar y componer componentes React en las páginas de documentación. Explica el frontmatter y la sintaxis de importación de MDX (p. ej., importar Tabs y TabItem), cómo funciona el ámbito de los componentes y patrones para ejemplos interactivos, demos en vivo y fragmentos de UI reutilizables. Los casos de uso incluyen guías para desarrolladores con playgrounds, páginas de referencia de API enriquecidas con ejemplos interactivos y tutoriales que requieren interactividad del lado del cliente. Las características clave descritas son la composición de componentes, la integración con temas, la recarga en caliente durante el desarrollo local, consideraciones de SSR, la carga diferida de widgets pesados y la integración con MDXProvider o plugins personalizados de remark/rehype. Las ventajas principales son una integración más estrecha con el ecosistema React, una mejor experiencia de documentación gracias a la interactividad y la posibilidad de mantener ejemplos de UI junto al código fuente para coherencia y una creación de contenido más rápida.
Esta página forma parte del hub OpenClaw Skills con guías de instalación, categorías y enlaces prácticos.