chatgpt-widget-creator

Create production-grade ChatGPT App widgets using the OpenAI Apps SDK.

9|5|Updated Dec 19, 2025

Search Tags:#UI #UX #ChatGPT #widget #OpenAI Apps SDK

Ready to run

npx skills add https://github.com/Rehan-Ul-Haq/my-skills --skill chatgpt-widget-creator

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: chatgpt-widget-creator
Source: https://github.com/Rehan-Ul-Haq/my-skills/tree/main/3- chatgpt-appsdk-widget-creator/chatgpt-widget-creator
Command: npx skills add https://github.com/Rehan-Ul-Haq/my-skills --skill chatgpt-widget-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

Create production-grade widgets for ChatGPT Apps using the OpenAI Apps SDK, with window.openai integration, theming, accessibility, and UX-guided patterns.

Core Features & Use Cases

Zero-shot widget creation from descriptions
Supports all display modes (inline, fullscreen, pip)
Theme support, accessibility, responsive design
Follows official UX/UI guidelines

Quick Start

Describe the widget you want, then use the widget template to scaffold.