building-chatgpt-apps
إنشاء ChatGPT Apps باستخدام Widgets
يتطلب إنشاء ChatGPT Apps باستخدام widgets بيانات MCP metadata دقيقة، وبنية UI، وإعداد Developer Mode. توفر هذه المهارة قوالب وأنماطًا وخطوات تصحيح أخطاء لمشاريع OpenAI Apps SDK التفاعلية.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
موارد قابلة للقراءة بواسطة Agent
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلاً من قراءة الصفحة كاملة.
اختبرها
استخدام "building-chatgpt-apps". أحتاج إلى أول ChatGPT App يعرض widget تفاعلية صغيرة.
النتيجة المتوقعة:
مخطط مشروع، وخطة FastMCP server، وخطة widget resource، وقائمة تحقق للإعداد لاختبار Developer Mode.
استخدام "building-chatgpt-apps". تبقى widget الخاصة بي على شاشة التحميل بعد تشغيل الأداة.
النتيجة المتوقعة:
- تحقق من أن استجابة الأداة تتضمن widget metadata.
- تأكد من أن MIME type هو text/html+skybridge.
- أعد إنشاء التطبيق إذا كان ChatGPT يعرض widget مخزنة مؤقتًا.
استخدام "building-chatgpt-apps". أريد أزرارًا داخل widget لمتابعة المحادثة.
النتيجة المتوقعة:
نمط موصى به لأزرار الإجراءات باستخدام رسائل متابعة، مع ملاحظات حول قيود ChatGPT iframe.
التدقيق الأمني
مخاطر متوسطةStatic analysis reported many command, network, environment, and blocker patterns, but most are markdown code examples, inline code terms, or placeholder URLs. No prompt injection attempt, malicious credential collection, or exfiltration behavior was found. Residual risk comes from development guidance that exposes a local MCP server through ngrok with no auth examples and reset commands that kill local processes.
مشكلات متوسطة المخاطر (2)
مشكلات منخفضة المخاطر (4)
عوامل الخطر
⚙️ الأوامر الخارجية (3)
🌐 الوصول إلى الشبكة (3)
🔑 متغيرات البيئة (2)
📁 الوصول إلى نظام الملفات (1)
الأنماط المكتشفة
درجة الجودة
ماذا يمكنك بناءه
إنشاء نموذج أولي لتطبيق Widget
أنشئ تطبيق FastMCP محليًا يعرض widget تفاعلية بسيطة داخل ChatGPT.
تصحيح عرض Widget
استكشاف أخطاء widgets المخزنة مؤقتًا، وmetadata المفقودة، وأخطاء MIME type، ومشكلات اكتشاف الأدوات.
تصميم أنماط تفاعل التطبيق
اختر إجراءات widget موثوقة للمطالبات اللاحقة، وإرجاع البيانات المنظمة، وتسلسل الأدوات.
جرّب هذه الموجهات
استخدم هذه المهارة لإنشاء ChatGPT App بسيط يحتوي على FastMCP tool واحدة وembedded widget واحدة.
استخدم هذه المهارة لإضافة أزرار widget موثوقة ترسل رسائل متابعة وتعيد البيانات المحددة.
استخدم هذه المهارة لتشخيص سبب بقاء ChatGPT App widget عالقة في التحميل أو عدم تحديثها.
استخدم هذه المهارة لمراجعة بنية ChatGPT App، وmetadata، وسجل widgets، وإعداد development tunnel.
أفضل الممارسات
- اجعل HTML وCSS وJavaScript الخاصة بالـ widget مكتفية ذاتيًا لضمان عرض موثوق داخل ChatGPT.
- تعامل مع ngrok وإعداد no-auth كأدوات مخصصة للتطوير فقط، ثم أضف المصادقة قبل الاستخدام الأوسع.
- اختبر widgets داخل ChatGPT لأن جسر window.openai غير متاح في معاينات المتصفح العادية.
تجنب
- لا تستخدم هذه المهارة مع MCP servers القياسية التي لا تعرض widgets.
- لا تفترض أن browser APIs المعقدة أو chained click handlers ستعمل داخل ChatGPT iframe.
- لا تنشر public tunnel أو no-auth endpoint دون مراجعة ضوابط الوصول.