Используйте при создании сайтов документации с предварительным просмотром кода в реальном времени, документацией библиотеки компонентов, справочными страницами API или интерактивными примерами кода с использованием Next.js App Router и shadcn/ui.
Быстро установите AI-навык mapcn-docs в вашу среду разработки через командную строку
Источник: 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 |
Используйте при создании сайтов документации с предварительным просмотром кода в реальном времени, документацией библиотеки компонентов, справочными страницами API или интерактивными примерами кода с использованием Next.js App Router и shadcn/ui. Источник: lucking7/mapcn-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/lucking7/mapcn-skills --skill mapcn-docsИспользуйте при создании сайтов документации с предварительным просмотром кода в реальном времени, документацией библиотеки компонентов, справочными страницами API или интерактивными примерами кода с использованием Next.js App Router и shadcn/ui. Источник: lucking7/mapcn-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/lucking7/mapcn-skills --skill mapcn-docs После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/lucking7/mapcn-skills