이 스킬은 mcp-use와 OpenAI Apps SDK를 사용하여 대화형 위젯이 있는 ChatGPT 앱 구축에 대한 종합 문서를 제공합니다. 개발자가 풍부하고 대화형 ChatGPT 경험을 만들기 위한 아키텍처, 설정, 구현 및 고급 패턴을 안내합니다.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "chatgpt-app-builder". 검색 결과를 표시하는 위젯을 어떻게 만드나요?
Résultat attendu:
- 서버.tool() 핸들러에서 widget() 헬퍼 사용
- widget({ props: searchResults, output: text('X개의 결과를 찾음') }) 반환
- useWidget()를 통해 props를 수신하는 resources/에 React 컴포넌트 생성
Utilisation de "chatgpt-app-builder". props와 output의 차이점은 무엇인가요?
Résultat attendu:
- output: 대화에서 LLM이 보는 것(텍스트, 객체, 마크다운)
- props: 위젯 UI로 전송되는 데이터(LLM에게 숨겨짐)
Audit de sécurité
SûrThis 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.
Problèmes à risque faible (2)
Score de qualité
Ce que vous pouvez construire
대화형 위젯으로 ChatGPT 앱 구축
mcp-use 프레임워크를 사용하여 풍부한 대화형 UI 컴포넌트로 ChatGPT 앱을 만드는 방법을 학습하는 개발자
MCP 서버 개발
AI 어시스턴트를 위한 사용자 정의 React 위젯이 있는 MCP(Model Context Protocol) 서버를 생성하는 개발자
ChatGPT 플러그인 아키텍처
ChatGPT 또는 Claude 대화용 위젯 기반 상호작용을 설계하는 엔지니어
Essayez ces prompts
mcp-use를 사용하여 대화형 위젯이 있는 ChatGPT 앱을 만들고 싶습니다. 프로젝트를 설정하고 첫 번째 위젯을 어떻게 만드나요?
결과를 목록으로 표시하고 사용자가 세부 정보를 클릭할 수 있는 레스토랑 검색 기능에 도구와 위젯 중哪一种을 사용해야 하나요?
대화 간 위젯 상태를 유지하고 위젯 상호작용에서 LLM을 어떻게 트리거하나요?
양식 입력, API 호출 및 사용자 선택에 따른 조건부 렌더링이 있는 다단계 위젯을 만드세요.
Bonnes pratiques
- 시작은 도구만으로, 시각적 상호작용이 필요할 때만 위젯으로 업그레이드
- 위젯은 단일 목적에 집중 - 여러 개의 단순한 위젯이 하나의 복잡한 위젯보다 확장성 좋음
- LLM이 보면 안 되는 민감한 데이터에는 props를, 대화 컨텍스트에는 output을 사용
Éviter
- 즉시 반환해야 하는 데이터를 지연 로딩 - 도구 호출은 비용이 큼
- 위젯 내부 상태 관리를 위해 도구 사용 - 비행 선택, 양식 데이터는 위젯 상태에 유지
- 시각적 표현이 필요 없는 순수 대화형 기능에 대한 위젯 생성