Da utilizzare durante la creazione di siti di documentazione con anteprime di codice in tempo reale, documenti della libreria dei componenti, pagine di riferimento API o esempi di codice interattivo utilizzando Next.js App Router e shadcn/ui.
Installa rapidamente la skill AI mapcn-docs nel tuo ambiente di sviluppo tramite riga di comando
Fonte: lucking7/mapcn-skills.
Build beautiful, interactive documentation sites with live component previews and copy-paste code examples.
Key pattern: Always wrap examples in a fixed-height container (h-[400px]) for consistent preview rendering.
| DocsLayout | Page wrapper with prev/next nav and TOC | | DocsSection | Content section with auto-generated slug IDs | | DocsHeader | Page title and description | | DocsNote | Highlighted callout boxes | | DocsCode | Inline code styling | | DocsLink | Styled links with external support | | DocsPropTable | API reference tables |
Da utilizzare durante la creazione di siti di documentazione con anteprime di codice in tempo reale, documenti della libreria dei componenti, pagine di riferimento API o esempi di codice interattivo utilizzando Next.js App Router e shadcn/ui. Fonte: lucking7/mapcn-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/lucking7/mapcn-skills --skill mapcn-docsDa utilizzare durante la creazione di siti di documentazione con anteprime di codice in tempo reale, documenti della libreria dei componenti, pagine di riferimento API o esempi di codice interattivo utilizzando Next.js App Router e shadcn/ui. Fonte: lucking7/mapcn-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/lucking7/mapcn-skills --skill mapcn-docs Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/lucking7/mapcn-skills