أنماط التكامل الرسمية لـ Mapbox GL JS عبر أطر عمل الويب الشائعة. يغطي الإعداد وإدارة دورة الحياة ومعالجة الرموز المميزة وتكامل البحث والمزالق الشائعة. استنادًا إلى أداة إنشاء تطبيقات الويب الخاصة بـ Mapbox.
ثبّت مهارة الذكاء الاصطناعي mapbox-web-integration-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: mapbox/mapbox-agent-skills.
This skill provides official patterns for integrating Mapbox GL JS into web applications across different frameworks. These patterns are based on Mapbox's create-web-app scaffolding tool and represent production-ready best practices.
⚠️ Production apps should use npm, not CDN - ensures consistent versions and offline builds.
Note: These examples use Vite (the bundler used in create-web-app). If using Create React App, replace import.meta.env.VITEMAPBOXACCESSTOKEN with process.env.REACTAPPMAPBOXTOKEN. See the Token Management Patterns section for other bundlers.
أنماط التكامل الرسمية لـ Mapbox GL JS عبر أطر عمل الويب الشائعة. يغطي الإعداد وإدارة دورة الحياة ومعالجة الرموز المميزة وتكامل البحث والمزالق الشائعة. استنادًا إلى أداة إنشاء تطبيقات الويب الخاصة بـ Mapbox. المصدر: mapbox/mapbox-agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/mapbox/mapbox-agent-skills --skill mapbox-web-integration-patternsأنماط التكامل الرسمية لـ Mapbox GL JS عبر أطر عمل الويب الشائعة. يغطي الإعداد وإدارة دورة الحياة ومعالجة الرموز المميزة وتكامل البحث والمزالق الشائعة. استنادًا إلى أداة إنشاء تطبيقات الويب الخاصة بـ Mapbox. المصدر: mapbox/mapbox-agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/mapbox/mapbox-agent-skills --skill mapbox-web-integration-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/mapbox/mapbox-agent-skills