إنشاء تطبيقات ChatGPT باستخدام عناصر الواجهة
يحتاج المطورون إلى أنماط عملية لتطبيقات ChatGPT التي تتضمن عناصر واجهة تفاعلية. تشرح هذه المهارة الاستكشاف، وأدوات خادم MCP، وعناصر واجهة React، والبيانات الوصفية، والحالة، وإعداد CSP.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "chatgpt-app-builder" from https://skillstore.io/skills/shubhamsaboo-chatgpt-app-builder.md and its manifest at https://skillstore.io/api/skills/shubhamsaboo-chatgpt-app-builder/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "chatgpt-app-builder". أنشئ تطبيق بحث عن المطاعم مع الحجوزات.
النتيجة المتوقعة:
جارٍ استخدام "chatgpt-app-builder". يحتاج عنصر الواجهة الخاص بي إلى العمل على الهاتف المحمول وسطح المكتب.
النتيجة المتوقعة:
جارٍ استخدام "chatgpt-app-builder". أحتاج إلى تكوين نطاقات API وCDN الخارجية.
النتيجة المتوقعة:
Most static detections are false positives from documentation examples, JSX template literals, evaluation text, and placeholder CSP domains. I confirmed the replacement install flow in SKILL.md because it can trigger a networked npx install from community-authored instructions. No evidence found of credential exfiltration, malicious network calls, or prompt text that tries to alter this audit.
هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/shubhamsaboo-chatgpt-app-builder/audits/3?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/shubhamsaboo-chatgpt-app-builder?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/shubhamsaboo-chatgpt-app-builder?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/shubhamsaboo-chatgpt-app-builder/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/shubhamsaboo-chatgpt-app-builder.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>shubhamsaboo. (2026). chatgpt-app-builder security audit report (audit version 3) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shubhamsaboo-chatgpt-app-builder/audits/3@techreport{shubhamsaboo-shubhamsaboo-chatgpt-app-builder-2026,
author = {shubhamsaboo},
title = {chatgpt-app-builder security audit report (audit version 3)},
institution = {Skillstore},
year = {2026},
number = {3},
url = {https://skillstore.io/skills/shubhamsaboo-chatgpt-app-builder/audits/3},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "chatgpt-app-builder security audit report (audit version 3)"
version: "unspecified"
type: report
authors:
- name: "shubhamsaboo"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/shubhamsaboo-chatgpt-app-builder/audits/3"
identifiers:
- type: other
value: "skillstore:shubhamsaboo-chatgpt-app-builder:audit:3"
description: "Skillstore immutable audit report identifier"
تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
mcp-use-chatgpt-app-builder
2026-09-09
alpic-ai-chatgpt-app-builder
2026-09-22
shubhamsaboo-chatgpt-app-builder
2026-09-09
bayramannakov-chatgpt-app-builder
2026-09-09
خطط لتطبيق مركز، وحدد أدوات MCP، واربط تدفق المستخدم بعنصر واجهة تفاعلي.
قيّم ما إذا كان سير العمل يحتاج إلى عنصر واجهة، أو تدفق يعتمد على الأدوات فقط، أو مفهوم منتج أصغر.
طبّق أنماط الخصائص، والحالة المستمرة، وأوضاع العرض، ونطاقات CSP، والروابط الخارجية.
ساعدني في تخطيط تطبيق ChatGPT لسير العمل هذا: [describe workflow]. اطرح سؤالا واحدا في كل مرة قبل اقتراح عناصر الواجهة.
صمم أدوات MCP وحدود عنصر الواجهة من أجل [app idea]. اشرح ما يراه LLM وما يبقى في خصائص عنصر الواجهة.
أنشئ خطة تنفيذ لعنصر واجهة ChatGPT يتعامل مع [data and actions]. ضمّن معالجات الخادم، والخصائص، والحالة، وسلوك التحميل.
راجع تصميم تطبيق ChatGPT الخاص بي من حيث الحالة، وCSP، والبيانات الوصفية، وأوضاع العرض، واستدعاءات الأدوات، وسلامة الروابط الخارجية. حدد المخاطر والإصلاحات.
المؤلف
shubhamsabooالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
1 تنزيلات · 0 مشاهدات
حسّن تجربة المستخدم بإرشادات تصميم قائمة على البحث
غالبًا ما تصمم الفرق المسارات بناءً على افتراضات وتفوتها مشكلات إمكانية الوصول. ترشد هذه المهارة البحث، والبنية، وتصميم التفاعل، والمراجعة باستخدام أفضل ممارسات تجربة المستخدم.
خطّط للمشاريع بمهام ومعالم رئيسية واضحة
يصعب تحديد نطاق المشاريع المعقدة وترتيبها وتقديرها. تحوّل هذه المهارة الهدف إلى معالم رئيسية وجداول مهام وتبعيات ومخاطر ونقاط تحقق.
حسّن الكتابة بتحرير واضح
قد تخفي الكتابة غير الواضحة الأفكار الجيدة وتبطئ المراجعة. تحرر هذه المهارة القواعد والنبرة والبنية والإيجاز للحصول على مسودات أنظف.
تقييم قرارات الأعمال الاستراتيجية
غالبًا ما تفتقر الخيارات الاستراتيجية إلى مقارنة واضحة بين الخيارات والمخاطر ومقاييس النجاح. تنظّم هذه المهارة القرارات في تحليل وتوصيات وخرائط طريق ومقاييس.
حلّل الأبحاث الأكاديمية بسرعة أكبر
غالبًا ما تتطلب مهام البحث الأكاديمي قراءة دقيقة، وتوليفًا منهجيًا، وانضباطًا في الاستشهاد. تساعد هذه المهارة على تنظيم مراجعات الأوراق البحثية، وملخصات الأدبيات، والكتابة العلمية وفق معايير أكاديمية متسقة.
بناء تطبيقات ويب Full-Stack
تخسر الفرق وقتًا عندما تُدار اختيارات الواجهة الأمامية وAPI وقاعدة البيانات والنشر بشكل منفصل. ترشد هذه المهارة Claude وCodex وClaude Code خلال تخطيط تطبيقات Full-Stack وتنفيذها.
أنشئ تطبيقات Fullstack بإرشاد خبير
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع Fullstack إلى إعداد متسق، وخيارات معمارية، وفحوصات جودة. توفر هذه المهارة سكربتات ومراجع للعمل على React وNext.js وNode.js وGraphQL وPostgreSQL.
تنفيذ React View Transitions
بواسطة vercel-labs
من السهل وضع انتقالات عرض React في المكان غير المناسب، مما يؤدي إلى رسوم متحركة صامتة أو مزعجة. ترشد هذه المهارة اختيارات الرسوم المتحركة للمسارات وSuspense والقوائم والعناصر المشتركة.
بناء مكونات React آمنة الأنواع
بواسطة softaworks
غالبا ما يتطلب العمل على React TypeScript أنواعا دقيقة للأحداث والـ hooks والمسارات. توفر هذه المهارة أنماطا مركزة للمكونات المكتوبة الأنواع، وواجهات React 19 API، والتوجيه.
تصميم أدوات موثوقة للوكلاء
بواسطة Asmayaseen
تفشل الوكلاء عندما تكون أسماء الأدوات أو مدخلاتها أو مخرجاتها أو أخطاؤها غامضة. توفر هذه المهارة أنماطًا عملية لوصف الأدوات والمخططات وتنسيقات الاستجابة والاختبار.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تحسين أداء Next.js
بواسطة Atman36
قد تصبح تطبيقات Next.js بطيئة بسبب الحِزم الكبيرة، والتخزين المؤقت الضعيف، والوسائط غير المحسّنة. ترشد هذه المهارة Claude وCodex وClaude Code عبر تحسينات أداء مركّزة لتطبيقات الإنتاج.