mapcn-docs
✓À utiliser lors de la création de sites de documentation avec des aperçus de code en direct, des documents de bibliothèque de composants, des pages de référence d'API ou des exemples de code interactifs à l'aide de Next.js App Router et shadcn/ui.
Installation
SKILL.md
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 |
À utiliser lors de la création de sites de documentation avec des aperçus de code en direct, des documents de bibliothèque de composants, des pages de référence d'API ou des exemples de code interactifs à l'aide de Next.js App Router et shadcn/ui. Source : lucking7/mapcn-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/lucking7/mapcn-skills --skill mapcn-docs- Source
- lucking7/mapcn-skills
- Catégorie
- ""Rédaction
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que mapcn-docs ?
À utiliser lors de la création de sites de documentation avec des aperçus de code en direct, des documents de bibliothèque de composants, des pages de référence d'API ou des exemples de code interactifs à l'aide de Next.js App Router et shadcn/ui. Source : lucking7/mapcn-skills.
Comment installer mapcn-docs ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/lucking7/mapcn-skills --skill mapcn-docs Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/lucking7/mapcn-skills
Détails
- Catégorie
- ""Rédaction
- Source
- skills.sh
- Première apparition
- 2026-02-01