Esta habilidad proporciona documentación completa para crear aplicaciones ChatGPT con widgets interactivos utilizando mcp-use y OpenAI Apps SDK. Guía a los desarrolladores a través de la arquitectura, configuración, implementación y patrones avanzados para crear experiencias ChatGPT ricas e interactivas.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "chatgpt-app-builder". ¿Cómo creo un widget que muestra resultados de búsqueda?
النتيجة المتوقعة:
- Usa el helper widget() en tu handler server.tool()
- Retorna widget({ props: searchResults, output: text('Se encontraron X resultados') })
- Crea un componente React en resources/ que recibe props vía useWidget()
استخدام "chatgpt-app-builder". ¿Cuál es la diferencia entre props y output?
النتيجة المتوقعة:
- output: Lo que el LLM ve en la conversación (texto, objeto, markdown)
- props: Datos enviados a la UI del widget (ocultos del LLM)
التدقيق الأمني
آمنThis skill is documentation/reference material for building ChatGPT apps with mcp-use. All static analyzer findings are false positives: (1) 'Weak cryptographic algorithm' triggers on 'sha' substring in words like 'shape' - no actual crypto usage; (2) 'Ruby/shell backtick execution' detects markdown code fences, not shell commands; (3) 'System reconnaissance' and 'Hardcoded URL' are documentation patterns; (4) The critical heuristic 'Code execution + Network + Credential access' is triggered by documentation showing code examples with URLs and environment variables - standard documentation practice, not malicious behavior. This skill contains no executable code.
مشكلات منخفضة المخاطر (2)
درجة الجودة
ماذا يمكنك بناءه
Crear aplicaciones ChatGPT con widgets interactivos
Desarrollador que aprende a crear aplicaciones ChatGPT con componentes de UI ricos e interactivos usando el framework mcp-use
Desarrollo de servidores MCP
Desarrollador que crea servidores MCP (Model Context Protocol) con widgets React personalizados para asistentes de IA
Arquitectura de plugins de ChatGPT
Ingeniero que diseña interacciones basadas en widgets para conversaciones de ChatGPT o Claude
جرّب هذه الموجهات
Quiero crear una aplicación ChatGPT con widgets interactivos usando mcp-use. ¿Cómo configuro el proyecto y creo mi primer widget?
¿Debería usar una herramienta o un widget para una función de búsqueda de restaurantes que muestra resultados en una lista y permite a los usuarios hacer clic para ver detalles?
¿Cómo persisto el estado del widget entre conversaciones y activo el LLM desde las interacciones del widget?
Crea un widget de múltiples pasos con entrada de formulario, llamadas a API y renderizado condicional basado en la selección del usuario.
أفضل الممارسات
- Comienza solo con herramientas, actualiza a widgets solo cuando se necesita interacción visual
- Mantén los widgets enfocados en un solo propósito - múltiples widgets simples escalan mejor que un widget complejo
- Usa props para datos sensibles que el LLM no debe ver, output para contexto conversacional
تجنب
- Carga perezosa de datos que deben devolverse de inmediato - las llamadas a herramientas son costosas
- Usar herramientas para gestión de estado interno del widget - mantén la selección de vuelo, datos de formulario en el estado del widget
- Crear widgets para características puramente conversacionales que no necesitan representación visual