Building ChatGPT and MCP Apps with All the Comfort of Modern TypeScript DevX

Hello, everyone. My name is Fred. I'm the CTO and co-founder of ALPIC, the MCP hosting company. And today we're going to learn more together about building JPG and MCP apps with modern development experience. Just a quick word about ALPIC. We're basically a one-stop shop to build MCP apps, where we'll help you with our own framework, Skybridge, which we'll talk about a little bit later. We'll allow you to deploy on our infrastructure platform, monitor every usage of your MCP app to understand patterns and what your users are actually asking, and help you distribute across stores, especially on GCP and cloud.

For those of you who haven't been around, following what MCP evolved into for the past few months, past years even, let's do a quick recap on where we are today. MCP was initially released back in November 2024 from Antropic. It quickly became adopted as a context enrichment protocol for the developer ecosystem, where devs would connect local servers to their existing application like Sentry for backtracking or AWS for infrastructure deployment. It grew in size beginning of 2025, with additional support from many general clients, in addition to Antropic Cloud, like OpenAI, ChildGPT, Google, Mistral with Russia, all announced support for MCP and brought their own MCP client into the generic chat.

But it really grew and went outside of the developer ecosystem when ChildGPT announced back in October 2025, the release of ChildGPT apps, a new ecosystem, a new platform of business built experiences on top of MCP, with the addition of UI in conversation, and a store catalog to browse across various applications available on the platform. The initial release back in October 2025 was made with less than 10 initial partners, like Booking or Expedia or Uber. But the adoption grew, and the quantity of apps is now exploding in the store. It was also extended outside of only the context of ChildGPT. The official MCP specs included an official extension called the App Extension that was drafted in November last year and adopted at the beginning of this year, which opened up support of the same ecosystems that ChildGPT introduced back in the days, back in October, to Cloud AI and VS Code and GOOSE, for example, that are now all compatible with these new specs. As we go further, more clients are adopting the protocol, and we see flourish a lot of ecosystems inside generative agents, conversational generalist agents. The two main ones, of course, are ChildGPT, which is growing over 500 apps at the moment, various from SaaS, productivity, travel, retail, e-commerce, insurtech. We have many different brands that are building their app and making them available on the ChildGPT app store. And the other one is, of course, Cloud Connector, which is close in terms of quantity of connectors, mostly from their heritage B2B and prosumer applications dedicated to productivity.

But recently, like two weeks ago, they announced a big push in the travel industry as well. So they are not that much lacking behind the OpenAI ChildGPT ecosystem. On our side at Alpik, we've been busy. We haven't been there contemplating what Cloud and ChildGPT teams were shipping. We actually built our own fair share of applications that are currently available on the app store, on the ChildGPT app store and the Cloud Connector store. And we learned a lot building those apps, which drive us into releasing an open source framework called Skybridge, which is a full stack TypeScript framework to build those new ChildGPT or more generalistically speaking, MCP apps, which are compatible with the OpenAI ChildGPT app ecosystem and entropy Cloud Connector ecosystem.

If you want to use Skybridge, and this will be the main focus of our conversation today, it's starting with a create Skybridge command from your terminal. The project is open source and will remain open source all the time. If you want to win one of those cool skill masks that we're starting to get known for, you can today. You just need to go on Alpika.skybridge on GitHub. You can use this QR code if you want, if you prefer to go on the Skybridge repository and give us a star. If you give us a star, you will enter a draft that we'll do at the end of the day and somebody at random will be picked to receive one of those masks. We'll contact you on GitHub straight away. So go ahead, connect to Skybridge and give us a star. This, of course, helps the project mature and grow and also gives us confidence to continue working on it. Plus we're sure it will help you build very easily your first app.

I've talked a lot about chatGPT app, but let's dive in on the real example and real exploration together to learn a little bit more about what this ecosystem is all about. So here I'm on chatGPT. It will be slightly different from the one you're currently using because I'm in developer mode, which allows me to use apps that are not yet published in the store. But everything I'm going to show you right now is accessible just like it is here for you. You can see a new apps icon in the left side of your chatGPT navigation menu. And when you go on it, you're basically on the home page of the chatGPT app store where you can browse featured applications from various businesses or search for specific one. For example, I like to look for Evanos, which is a travel company that helps me find a nice travel location and trips to plan for me and my family. But you can look for any applications that you might get used to use on the web or mobile and find it on the chatGPT app store. All applications that are connected, you can see this small connected icon. That means that I can use them in conversation. One that I like to show is the cottage application that we developed using Skybridge and that we're hosting on the Alpic infrastructure platform, which is the equivalent of Airbnb for the UK, countryside UK location. So I can basically ask to find a nice home for me and my family of two kids in Cornwall for next week. And interacting with the app this way, if the voice recognition feature from chatGPT works well, that would be much better. Otherwise, I can always cancel the dictation.

So if I say cottage, I would like to go to Cornwall with my family of two kids next week. It's going to basically start a conversation with chatGPT, including cottage MCP app, which is an MCP server responsible for making the search of available cottages for next week for me and my family, plus some view components that are going to be rendered in conversation to provide a better experience than using, for example, a markdown table that lists various options across various columns with detailed parameters. And this, as a brand, allows me to keep controlling the way my products and services are exposed through chatGPT to end users that might be looking for a location for their next vacation.

Those components are interactive. So I can browse, for example, here across the carousel, but you can implement anything that you want, except from carousel. And, for example, this is also part of what we developed into cottage application, you can, when interacting with one specific card, go in full screen mode. So I'm still on chatGPT.com at the moment, but the app experience is taking the full available screen. I still have my prompt input at the beginning, at the bottom of the page. But otherwise, all the experience that you're looking at here is powered by the app itself. So I can browse across various locations to see additional details. Of course, I can complete my checkout journey on the cottages.com site by itself.

But what's nice is that I can keep on interacting with the UI that is displayed or switch back to conversation and say, finally, I want to go to Scotland instead. Which are two ways to interact with apps that are available on chatGPT app store, and that you should always consider when you want to build this new type of app in the ecosystem. It's not only you, it's not only your applications, the user that are interacting together. You now have a three-body opportunity where the LLM is also part of the interaction and you always must account for people interacting with the UI or interacting with the LLM to ask specific questions.

There are many, many other apps in the chatGPT ecosystem that you can discover. But for the remainder of this talk, we'll focus on what you need to know to start building your own and provide your product and services available in chatGPT or inside Cloud Connectors. Just like I showed you for cottages. The entry point that you should start with is the Skybridge repositories that I was mentioning. Give us a star if you haven't already. Starting a new project is as easy as create Skybridge with your favorite packet manager.

Let's do just that. My favorite packet manager is pnpm. So I will do just that. And the name of the project is going to be GS Nation. First thing is going to prompt me to is whether I want to package the coding agents skills that we developed at inside Skybridge together with the bootstrap project. And of course, we are going to do so because it's going to empower our coding agents with everything that needs to know to be able to build an app without any problems. I proceed with installation, and now I'm going to install the Skybridge project itself dependency and start the project. I'm downloading a few of them.

And here I am. So I get prompted with information saying that my MCP server is running on localhost 3000 slash MCP and that I have locally available DevTools to interact with my application. Let's check just that. So I will return on my navigator, go on localhost 3000, and here I'm welcomed with this interface, which is a simple web app interface that allows me to get information about the app I'm currently working on. So the demo application has a single tool called Magic 8 Ball that is a fortune telling tool for which I can ask any question.

An answer will be provided by the server. And of course, using the official extension, the official application extension from the MCP protocol, view of the Magic 8 Ball providing the answer to the question will be displayed. So here, if I ask, am I going to do a demo effect and call tool, I will have the answer generated by my locally running MCP server using Skybridge, plus the view of what will be generated in conversation to provide a better interface to the provided answer. These DevTools are the go-to solution to iterate fast on your building life cycle in order not to have an LLM already involved in the process, because it's much easier to control which would be the parameter of the two calls that reach your MCP server in order to have a look at the UI other than trick an LLM into making the calls that you want him to do.

So this is really the best interface that we want you to use to build this new kind of application. Of course, this application keeps track of changes you make on your local running code. So if I open the project I just generated, which is basically GS Nation, which should be around there. OK, you can see the project structure with the source folder that contains the MCP server code itself with my Magic 8 Ball tool that renders a specific component called Magic 8 Ball that you can find inside the views part of the source folder. If I change something, like, for example, I don't want the answer to be the one provided by the server, but to be no, I can see the effect of this change straight away inside my rendered UI.

So every change I make on my MCP server during local development with Skybridge can be inspected and controlled using this piece of DevTools, rather than connecting it to GPT, going through the trouble of making GPT call my tool and check the impact of the modification I just made. I can switch back to the original answer and you can see here that it's switching back to the original answer that was provided by the server. OK, that's all nice and clear, but the Magic 8 Ball itself is not the thing that I want to do. I want to build a small capital explorer application. Let's do just that. Build a chat GPT app to explore capitals of your ops.

I want this app to be a single tool that takes as input the name of the capital and outputs detailed information about the capital plus a view, which is a map with capitals represented as pins. The search capital is selected, meaning that the pin is highlighted, and whenever I interact with the map, the map goes full screen. When I click on the capital, it goes selected. The selected capital detailed information is displayed in the right side panel in the app. Let's see if this goes through without any issue. It's not having too much trouble understanding my English accent. But you see straight away it's using the chat GPT app builder skills that is packaged together with the project and we'll start making changes. It will interact with me to ask for confirmation about various changes I want to do. And this is really the easiest way to get started on building your own application. It's going to really know everything that you need to in order to build the best in class experience of a chat GPT app.

Another thing I can show you in the remainder of time that we have together is what to do once you are finished building with your favorite coding agents your chat GPT application. Things that you can do is expose your application so that you can render it outside of the DevTool inside your GPT. In order to do that, we will go and... Did I kill my process? Yeah, looks like it. We will start a new process. It's OK. Which is basically skybridge.dev.tunnel. Running this comment is still running somewhere. I don't know where. It's OK. So in addition to providing my DevTool and MCP app on my local machine, it's exposing it through a tunnel to the outside world using a generated URL that is constant and connected to your Alpica account. You can go ahead and create your Alpica account if you haven't already. It's completely free of charge. And this URL, you can actually add it into chat GPT to start interacting with it. So if I go back to chat GPT here and create a new application inside the apps and create apps, I'm able to use this URL as the URL. I've already done so because I've already played along with apps that I'm building locally. But if I use this app inside any conversation chat GPT, I will actually be interacting with my locally running skybridge instance. So if I say, will I do a demo effect, which was a question I was asking inside the DevTool, I should have chat GPT through the tunnel, call my locally running application and we will see the application being rendered. If I make a change once again up to my application. So if I say no, it's not the answer generated by the server, but a constant, which is no, you can see the effect also reflected inside the conversation chat GPT.

So this is the second step of your building journey with skybridge for chat GPT app. You tested it, everything locally, the rendering of the UI is as per your wishes. The functionality looks fine. Now you want to see how it's going to behave while you're interacting with an LLM. The best way to do so is exposed with Alpik Tunnel, your skybridge application so that you can interact with it on chat GPT.

And know that you have run locally your application, it's time to deploy it. It's as easy as running pnpm run deploy. This will go ahead and create a new project inside your Alpik account where the app will be deployed. Because right now, the tunnel, if I stop exposing it, my session will end and nobody will be able to use this app. So you're satisfied with the first iteration that you've done with the skill and the application is as per your liking. You've tested it, everything looks fine. Now you're ready to deploy.

And you can do that in just a few clicks on Alpik, it's going to create a project and start a deployment. Once the deployment is finished, you will have a demo environment, which we call the playground. It is the equivalent of chat GPT that you can play with. I can show you quickly, for example, on one of the skybridge example applications that we have. One, for example, for productivity. The playground is basically an emulation of chat GPT with your MCP app already connected that you can share with anybody that allows you to test in condition your MCP application.