Menú
De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.
Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.
npx skills add https://github.com/rdmptv/AdbAutoPlayer --skill moai-library-nextraEl comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.
¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.
Basado en la clasificación ocupacional SOC
Mostrando SKILL.md
| name | moai-library-nextra |
| description | Enterprise Nextra documentation framework with Next.js |
| version | 2.0.0 |
| modularized | true |
| last_updated | "2025-11-30T00:00:00.000Z" |
| compliance_score | 70 |
| auto_trigger_keywords | ["library","nextra"] |
| color | red |
Purpose: Build professional documentation sites with Nextra + Next.js.
Nextra Advantages:
Core Files:
pages/ - Documentation pages (MDX)theme.config.tsx - Site configuration_meta.js - Navigation structurePattern 1: Nextra Project Setup
# Initialize Nextra docs site
npx create-nextra-app@latest my-docs --template docs
# Project structure
pages/
├── _app.tsx (custom App component)
├── index.mdx (home page)
├── docs/
│ ├── guide.mdx
│ └── api.mdx
└── _meta.json (navigation config)
Pattern 2: Custom Theme Configuration
// theme.config.tsx
export default {
logo: <span>My Documentation</span>,
project: { link: "https://github.com/user/repo" },
docsRepositoryBase: "https://github.com/user/repo/tree/main",
useNextSeoProps: () => ({
titleTemplate: "%s – My Docs",
}),
};
Pattern 3: MDX with React Components
import { Callout } from "nextra/components";
# API Reference
<Callout type="info">This API requires authentication.</Callout>
<CustomCodeBlock language="typescript">// Your code here</CustomCodeBlock>
Key Concept: Organize documentation files logically
Recommended Structure:
docs/
├── pages/
│ ├── index.mdx # Homepage
│ ├── getting-started/
│ │ ├── _meta.js # Section config
│ │ ├── index.mdx
│ │ └── installation.mdx
│ ├── guides/
│ │ ├── _meta.js
│ │ ├── basics.mdx
│ │ └── advanced.mdx
│ └── api/
│ ├── _meta.js
│ └── reference.mdx
├── public/ # Static assets
├── theme.config.tsx # Main config
├── next.config.js # Next.js config
└── package.json
Key Concept: Customize site appearance and behavior
Essential Config:
const config: DocsThemeConfig = {
// Branding
logo: <span>My Docs</span>,
logoLink: "/",
// Navigation
project: { link: "https://github.com/..." },
docsRepositoryBase: "https://github.com/.../tree/main",
// Sidebar
sidebar: {
defaultMenuCollapseLevel: 1,
toggleButton: true,
},
// Table of contents
toc: { backToTop: true },
// Footer
footer: { text: "Built with Nextra" },
};
Key Concept: Control sidebar menu and page ordering
Example:
// pages/guides/_meta.js
export default {
index: "Overview",
"getting-started": "Getting Started",
basics: "Basic Concepts",
advanced: "Advanced Topics",
"---": "", // Separator
faq: "FAQ",
};
Key Concept: Mix Markdown with React components
Example:
# My Documentation
<div className="bg-blue-100 p-4">
<h3>Important Note</h3>
<p>You can embed React components directly!</p>
</div>
## Code Examples
export const MyComponent = () => (
<button onClick={() => alert("Clicked!")}>Click me</button>
);
<MyComponent />
Key Concept: Make documentation discoverable
Config:
// theme.config.tsx
const config: DocsThemeConfig = {
// Enable search
search: {
placeholder: "Search docs...",
},
// SEO metadata
head: (
<>
<meta name="og:title" content="My Documentation" />
<meta name="og:description" content="Complete guide" />
<meta name="og:image" content="/og-image.png" />
</>
),
// Analytics
useNextSeoProps() {
return {
titleTemplate: "%s - My Docs",
};
},
};
This Skill uses Progressive Disclosure. For detailed patterns:
Built-in Themes:
Customization:
Popular Platforms:
Vercel Deployment:
npm install -g vercel
vercel
# Select project and deploy
Complementary Skills:
1.0.1 (2025-11-23)
1.0.0 (2025-11-12)
Maintained by: alfred Domain: Documentation Architecture Generated with: MoAI-ADK Skill Factory
Agents:
Skills:
Commands:
/moai:3-sync - Documentation deployment/moai:0-project - Nextra project initialization