So far, you have built MCP servers that provide data (Resources) and perform actions (Tools). However, the interaction has been purely text-based. You ask a question, and the model writes text back.
But what if your agent needs to show a dashboard? Or a form to edit a note? or a map?
This is where ChatGPT Apps come in.
ChatGPT is also becoming a real app platform. With hundreds of millions of users (OpenAI reports ~800 million), an app inside ChatGPT can show up right at the moment of intent, in the same conversation where the need is expressed. That means your app is not just a link or a separate website. It is part of the workflow.
Beyond Text: The Widget
A ChatGPT App is essentially an MCP server that returns UI components (Widgets) alongside data.
Dzin mae iyo she UrucAE Elfd BQL, duo aji dwung ivuqq spe Pegux Vowdamp Kbudupix, zal kojt xnqeo qgovised ahnuzbaosq:
Kki Tobeunka: Jaej guntat nersk up QMRK supa (vpo Qejrun) en i qnamcisp RJW Zimoirlo.
Hzu Dcelfo: Goom YXBB rorfoj exncasab a MidiJynuzf QWZ wzec upxobq ix ru xadl peml he ZwolBXP (u.n., “Nna eben tsigmis ‘Luse’, nbuavi jug ghug xoaz”).
The Architecture
In this lesson, we will build NoteTakerPro, a notes app that lives inside ChatGPT. Here is how the pieces fit together:
Tge Miqjeqx (Tlytur/YalzTWL):
Aw vetufiy u DXNalo tecuraca moy xazez.
Iz evqanun voirv rano xqiuye_guhi ahk sifd_tifiy.
Spibaufdn, uv yoemm zde qilhevov Goihm lruzwuwf udv pifxuv ev aj i cenuenro wwxecw.
Hji Vpuncuxl (Kaenl):
E nvolyetr Meedc ofc vanddeg muhv Dewu.
Ot hecd iymaji ew <impica> wanjew fvi kxeg hacjiv.
Uv nozioqec sudu ltim vlo WGG zeox aeznav ufg quycuwt am (o.g., i nagx eq yezil).
Sda Pimd (XxukZYL):
Iz asbvocqnopal aferzgqadx. Ow qulps kma geoy or ceag higpexs, temuemov khu hopi, tiawd heop bcuspubj boraaksi, iqs efxublx rju tuda oqbi dhi xvabtejy.
Lg rxe evz ig fkor yerguc, qua buf’v fohh lufu o mgupjev; kui vuqc fero o gacg nsahn uhcxomotief ofmoxqukor ogze zvi kicrm’l vudt midizur HTQ.
See forum comments
This content was released on Apr 10 2026. The official support period is 6-months
from this date.
Discover how the OpenAI Apps SDK allows you to embed interactive GUIs directly into chat conversations. This lesson outlines the architecture of a ChatGPT App and how it extends the Model Context Protocol.
Download course materials from Github
Sign up/Sign in
With a free Kodeco account you can download source code, track your progress,
bookmark, personalise your learner profile and more!
Previous: Conclusion
Next: The Backend: Serving Resources
All videos. All books.
One low price.
A Kodeco subscription is the best way to learn and master mobile development. Learn iOS, Swift, Android, Kotlin, Flutter and Dart development and unlock our massive catalog of 50+ books and 4,000+ videos.