يُستخدم عند إنشاء مواقع التوثيق باستخدام معاينات التعليمات البرمجية المباشرة أو مستندات مكتبة المكونات أو الصفحات المرجعية لواجهة برمجة التطبيقات أو أمثلة التعليمات البرمجية التفاعلية باستخدام Next.js App Router وshadcn/ui.
ثبّت مهارة الذكاء الاصطناعي 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 |
يُستخدم عند إنشاء مواقع التوثيق باستخدام معاينات التعليمات البرمجية المباشرة أو مستندات مكتبة المكونات أو الصفحات المرجعية لواجهة برمجة التطبيقات أو أمثلة التعليمات البرمجية التفاعلية باستخدام Next.js App Router وshadcn/ui. المصدر: lucking7/mapcn-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/lucking7/mapcn-skills --skill mapcn-docsيُستخدم عند إنشاء مواقع التوثيق باستخدام معاينات التعليمات البرمجية المباشرة أو مستندات مكتبة المكونات أو الصفحات المرجعية لواجهة برمجة التطبيقات أو أمثلة التعليمات البرمجية التفاعلية باستخدام 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 بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/lucking7/mapcn-skills