chatgpt-app-builder
Создание приложений ChatGPT с виджетами
Также доступно от: BayramAnnakov
Этот навык предоставляет полную документацию по созданию приложений ChatGPT с интерактивными виджетами с использованием mcp-use и OpenAI Apps SDK. Он направляет разработчиков через архитектуру, настройку, реализацию и продвинутые паттерны для создания богатых интерактивных возможностей ChatGPT.
Скачать ZIP навыка
Загрузить в Claude
Перейдите в Settings → Capabilities → Skills → Upload skill
Включите и начните использовать
Протестировать
Использование «chatgpt-app-builder». Как создать виджет для отображения результатов поиска?
Ожидаемый результат:
- Используйте вспомогательную функцию widget() в обработчике server.tool()
- Верните widget({ props: searchResults, output: text('Found X results') })
- Создайте React-компонент в resources/, который получает пропсы через useWidget()
Использование «chatgpt-app-builder». В чем разница между props и output?
Ожидаемый результат:
- output: Что LLM видит в разговоре (текст, объект, markdown)
- props: Данные, отправленные в UI виджета (скрыты от 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)
Оценка качества
Что вы можете построить
Создание приложений ChatGPT с интерактивными виджетами
Разработчик, изучающий создание приложений ChatGPT с богатыми интерактивными компонентами пользовательского интерфейса с использованием фреймворка mcp-use
Разработка MCP-серверов
Разработчик, создающий серверы MCP (Model Context Protocol) с пользовательскими React-виджетами для ИИ-ассистентов
Архитектура плагинов ChatGPT
Инженер, проектирующий взаимодействия на основе виджетов для разговоров ChatGPT или Claude
Попробуйте эти промпты
Я хочу создать приложение ChatGPT с интерактивными виджетами с использованием mcp-use. Как настроить проект и создать первый виджет?
Следует ли использовать инструмент или виджет для функции поиска ресторанов, которая отображает результаты в виде списка и позволяет пользователям кликать для просмотра деталей?
Как сохранить состояние виджета между разговорами и вызывать LLM из взаимодействий с виджетом?
Создайте многоэтапный виджет с вводом формы, вызовами API и условным рендерингом на основе выбора пользователя.
Лучшие практики
- Начните с использования только инструментов, переходите к виджетам только когда требуется визуальное взаимодействие
- Делайте виджеты сфокусированными на одной задаче - несколько простых виджетов масштабируются лучше, чем один сложный
- Используйте props для конфиденциальных данных, которые LLM не должен видеть, output для контекста разговора
Избегать
- Ленивая загрузка данных, которые должны быть возвращены сразу - вызовы инструментов дороги
- Использование инструментов для внутреннего управления состоянием виджета - выбор рейса, данные формы храните в состоянии виджета
- Создание виджетов для чисто разговорных функций, которые не требуют визуального представления