Show us what you’re building with the ChatGPT Apps SDK 🚀

Wild! When you say real-time, you mean real-time. We have it easy today with all the options.

Thank you! Really appreciate the thoughtful questions and encouragement from someone’s who’s been here before.

1 Like

:christmas_tree: Day 3 - Advent of ChatGPT Apps :christmas_tree:

App name: 14ers

One-liner: Essential guide for preparing for the ascent of Colorado’s 14ers, matching mountains and routes to your skill level and weather forecasts.​

Who it’s for / problem it solves: Outdoor enthusiasts planning Colorado peak ascents, solving route selection, and weather forecast for safe, personalized hikes.

Key features:

  • Explore and filter 14ers mountains and routes.

  • Real-time weather forecasts for optimal ascent days.

How it uses the Apps SDK / what UI you’re rendering in ChatGPT:

  • Map with the mountains
  • Mountain card with navigation to get the routes and weather
  • List of routes
  • Carousel with weather information

Stack & tools: Python with widgets in React. The app is hosted on Alpic, backed by Supabase for the database and UI components serving.

Link(s):

  • Live demo: 14ers.alpic.live

  • Code: jjjulllesss/14ers-mcp-openai-apps

9 Likes
  1. App name: Sophtron – lets you connect to your financial or utility account directly in ChatGPT and bring in siloed financial data for personalized financial advice.

  2. What it does
    Sophtron provides an in-chat widget for user to connect to over 40,000 banks, credit unions, cards, investment brokerages, loans, insurance, utilities directly in ChatGPT. Once a connection is completed, user can explicitly grant ChatGPT access to a selected account’s transactions information. With detailed transaction data ChatGPT can provide more personalized financial advice such as budgeting, saving or retirement planning. E.g. user can ask ChatGPT: “with my last 3 months of credit card transactions, summarize where I am spending money, and how can I save better”, “Help me find suspicious charges or unnecessary subscriptions that I should cancel”, or “Based on my spending habit, set up a budget and help me track my spending”.

  3. How you built it

    • We built a MCP server that is a wrapper of the Sophtron API endpoints, which is responsible for establishing connections and querying data.

    • The OAuth authentication uses Auth0 as the authentication provider,

    • Stack used: Nodejs, Typescript, ExpressJS

    • The in-chat-app renders the open source universal connect widget (ucw-app) in the chat window iframe.

  4. Screenshots or short video
    We have a demo video on youtube https://youtu.be/sLJrwmABVjA

    You can also try it out today following steps below:

  • Add Sophtron with the MCP URL as shown below: https://mcp.sophtron.com/mcp
  • Choose “OAuth” as authentication method.
  • Type “Launch Sophtron” to launch the connect widget.
  • Type in your bank or credit card name, and follow the process to add a connection.
  • Once a connection is established, ask ChatGPT for financial advice.

5. Links

  • The MCP server is open sourced at https://github.com/sophtron/chagpt-mcp

  • The connect widget is a fork of universal connect widget, shared at https://github.com/sophtron/ucw-app (universal connect widget is an open source project that provides unified connectivity to financial services across providers)

  • Youtube Video https://youtu.be/sLJrwmABVjA

    Or follow the screenshots of steps above to add Sophtron as a connector (for now), with MCP server URL: https://mcp.sophtron.com/mcp and choose “OAuth” for authentication.

    6. What’s working well for you in the Apps SDK
    The SDK works well without errors when it was properly implemented.

    The MCP inspector works really well and is super useful.

    7. What’s confusing, rough, or missing

  • Documentation is a bit lacking. We would love an example project that is more simplified than the pizza sample project. Need better error handling and debugging information in developer mode.

2 Likes

This is a really cool app. I totally agree that it is more natural to ask through conversation. Having ChatGPT is probably the first time I feel I can get really useful answers “tailored” to my need other than Excel spreadsheet.

Speaking of getting accounts and transactions synced to ChatGPT: Plaid is great. Having said that, we have tried to set up our own Sophtron API as a MCP server to feed the data in the past (we are a data aggregator), and I found the whole experience very awkward: As a user I have to log into sophtron website to connect my bank accounts, and then I have to come back to ChatGPT and ask my questions. If I need to refresh my bank connections or add new ones, I have to keep going back and forth. That’s why we made Sophtron now an in-chat-app to launch directly inside ChatGPT to let you add bank accounts right there. I can also save my transactions to ChatGPT and use them in a new chat without losing them.

I would love to hear your thought on this, or any feedback you have. Plus we make everything open source, so if you would like to incorporate our app into your own project that will be awesome. Ping me if you have questions, thanks!

1 Like

Please would love some feedback on this tool!

App name:

PDF Generator

One-liner:

Instantly converts LaTeX into beautifully rendered PDFs

Who it’s for / problem it solves:

For researchers, students, professors, engineers, teachers. Especially teachers who want to make worksheets but have to copy paste the latex to another latex rendering tool, or have to copy the questions to a word document

Key features:

:check_mark: Compile full LaTeX documents and display the PDF

:check_mark: One-click PDF download

:check_mark: Works with error reporting and latex editing so users can fix syntax issues

How it uses the Apps SDK / what UI you’re rendering in ChatGPT:

ChatTeX exposes a simple tool API that accepts latex from the chat and returns a compiled PDF file.

The UI experience is an embedded PDF. When the users opens it in full screen, they can see and edit the latex code as well.

Stack & tools:

Vercel and supabase

Links:

:link: Live tool / demo: PDF Generator in ChatGPT - Create PDFs directly

Feedback:

For larger latex documents, chatGPT is unable to escape the / correctly because of the size so the JSON request fails. it would be nice if the MPC could be sent the .tex file from the chat.

6 Likes

:christmas_tree: Day 4 - Advent of ChatGPT Apps :christmas_tree:

App name: MarketFlux :chart_decreasing:

One-liner: Real-time stock & crypto prices, analysis, news, comparisons, and more.

Who it’s for / problem it solves: Instead of juggling across different tabs and dashboard, users can experience stock and crypto market with ChatGPT’s AI-powered capablities.

Key features:

  • ⁠Real-time prices & comprehensive analysis

  • Compare stock & crypto (Up to 5)

  • ⁠Instant news & top headlines

Stack & tools: Typescript mono-repo bootstrapped from alpic-ai/apps-sdk-template with MCP server SDK and React. Using skybridge framework for convenient hooks and HMR with Vite. Hosted on Alpic.

How it uses the Apps SDK / what UI you’re rendering in ChatGPT: Renders interactive flashcard widgets directly in the chat interface.

Link(s):

  • Try it for yourself: marketflux.alpic.live

  • ⁠Check out the source code on GitHub at udaykakade25/marketflux

8 Likes

Idk why I couldn’t reply from that account but this looks really cool. Yes, for the connection part it is definitely a little bit of a pain to have to follow an external link. I’ve tried to mitigate this as much as possible by just closing the tab automatically after linking.

Sophtron is a Plaid alternative? If so that is super ideal for the app use case. I will definitely take a look at the app. thanks!

1 Like

Ya Sophtron is a data aggregator just like Plaid. It’s also free for users to add bank connections in the chat, and free for developers to build in-app-chat using our widget or data.

Let me know if you have any questions, thanks!

:christmas_tree: Day 5 - Advent of ChatGPT Apps :christmas_tree:
App name:

  • Arcade

One-liner:

  • Play DOS games like Doom or Digger in ChatGPT

Who it’s for / problem it solves:

  • The problem of no games in ChatGPT while you wait for a deep research to be done

Key features:

  • Play DOOM or Digger.

How it uses the Apps SDK / what UI you’re rendering in ChatGPT:

  • It uses the OpenAI window with view mode and tools of course.

Stack & tools:

  • xmcp.dev
  • Next.js

Link(s): arcade-xmcp.alpic.live

You can see the demo here x(.)com/0xKoller/status/1996956939884847375

6 Likes

What an outstanding use case!
Does it have a boss button?

App name
A2Z Bill Agent & Payment Agent

One-liner
Smart Bill Agent Tracks daily transaction bills, generates beautiful summary reports, analyzes spending, save money, in-agent workflow payment control

Who it’s for / problem it solves
It works as the wallet in agent Loop, helps people who are interested in keep track their daily expenses, see detailed summary
expenses by different categories, like FOOD, GAS, Electronics, online-purchase, in-agent purchase, etc. It supports various payment options.

Key features:

  1. Add Bill Record. Allow users to add bill by a few words, or more detailed entries like time, amount, currency (Global), description, order_id, ext_info (memo), etc.
  2. Update Bill Information. Update the record, such as update the laptop expense from $800 to $750.
  3. Generate Expense Report By different criteria. Such as see by category, by different duration(month/week/day)
  4. Generate a nice looking Billing Html/CSS Report
  5. Calculate the payment charged (tool: by tokens/images/MCP API consumed, etc.)
  6. Create Order + Various Payment Integration (Cost-Based Consumption, Preview-to-Pay In-Workflow Required, Tipping/Red Envelop after Agent Run, Fixed Price, etc.)

How it uses the Apps SDK / what UI you’re rendering in ChatGPT

  1. Rendering the html,css of a nice looking Bill Summary Report of what records users add.
  2. Generate JS/Checkout Card integration of various payment methods, such as Stripe, Paypal, AgentA2Z, Alipay, WeChat, etc.

Stack & tools:

  1. Python,AgentA2Z Payment SDK

Link(s):

  1. Bill Agenthttps://www.deepnlp.org/agent/agent-a2z-payment
  2. MCP SERVER URL: https://agent.deepnlp.org/container/aiagenta2z/a2z_bill_agent/mcp
  3. Github: GitHub - aiagenta2z/awesome-chatgpt-apps: A List of Awesome ChatGPT Apps in AI Agent Marketplace

User prompts
Billing
q=
September Expenses:
Birthday presents $20.0, Laptop $800, AT&T $100, Dating $500, Rent $850

October Expenses :
Cellphone with Plan $600 ,Dating $600 , Coffees $120 ,Rent $850 , Dinner $12 on Oct 4th

q=
How much did I spend on food and drinks in Oct? Output a nice report in html

Payment
Assistant:
q= [Preview Image] This is the preview Image… [Checkout Card Html] If you want to see 4K version, please complete the checkout and transaction to continue agent workflow.



1 Like

:christmas_tree: Day 6 - Advent of ChatGPT Apps :christmas_tree:

App Name: Murder In the Valley!

One-liner: Interrogate chatGPT as it impersonates the different suspect in a murder case.

Who it’s for / problem it solves: If you like detective games, this one leverages the power of chatGPT conversational power to makes for a very fun (and sometimes hilarious) experience. If you’ve played any of the golden Idol game, you’ll enjoy it :wink:

Key features:

  • A UI to navigate between the different screens of the game
  • Leveraging chatGPT to impersonate the suspects and slip out clues after the right questions

How it uses the Apps SDK / what UI you’re rendering in ChatGPT: Uses a widget to display the intro screen and main interrogation screen as well as the “murder solving screen”. Heavily rely on sendFollowUpMessage to have chatGPT change it’s personnality depending on who you are interrogating. Of course a lot of prompting in the initial tool response to have chatGPT know the backstory and how to play game master.

Stack & tools: Typescript mono-repo bootstrapped from alpic-ai/apps-sdk-template with MCP server SDK and React. Using skybridge framework for convenient hooks and HMR with Vite. Hosted on Alpic.

Link(s):

  • Try it for yourself: murder-in-the-valley.alpic.live/mcp

  • Check out the source code on Github on alpic-ai/murder-in-the-valley

Shrudeness is required to make sense of what led to this dramatic event.
Will you be up to the task? :detective:

Ps: This is a work of fiction. Any resemblance to actual persons, living or dead, or actual events is purely coincidental :eyes:

6 Likes

:christmas_tree: Day 7 – Advent of ChatGPT Apps :christmas_tree:

App name: Interactive Piano :musical_keyboard:
One-liner: Play, record, save, and replay melodies — a full mini-studio inside ChatGPT.

Who it’s for / what problem it solves:
Whether you’re practicing music, sketching melody ideas, or just having fun, this app turns ChatGPT into a creative, interactive instrument.

Key features:

  • :musical_note: Play notes using your keyboard or on-screen keys

  • :record_button: Record performances with precise timing

  • :floppy_disk: Save and replay your songs

  • :musical_score: Build melodies, experiment, or just enjoy making noise

Stack & tools:
Built using the Apps SDK template with MCP server SDK and React. Uses the Skybridge framework for smooth hooks and Vite HMR. Hosted on Alpic.

How it uses the Apps SDK / what UI it renders in ChatGPT:
Renders a fully interactive piano keyboard widget inside ChatGPT — complete with real-time note playback, recording, and song management.

Links:
:musical_keyboard: Try it for yourself: piano.alpic.live
:laptop: Source code on github : harijoe/harijoe-piano-mcp

7 Likes

App

Jobs

One-liner

Connects our hiring platform to ChatGPT, allowing users to search job postings and use their chat context to auto-fill application requirements.

Who it’s for / problem it solves

Targeting job seekers. The main friction point we are solving is the manual data entry during applications. Instead of copy-pasting, we let the model use the user’s existing context (resume, background) to map against our required screening questions.

Key features

  • Filtered Search: search for jobs matching user location or job title requirements
  • Screening Questions: apply time can be reduced by using ChatGPT’s knowledge of users to suggest answers to job screening questions
  • Assisted Apply: Uses the model to draft answers for specific job questions before sending the payload.

How it uses the Apps SDK / what UI you’re rendering in ChatGPT

  • Search: We use the SDK to catch search intents. The UI renders the returned jobs as a structured carousel so the user can browse details like company, location, compensation, etc.
  • Application Logic: When a user picks a job, we don’t just send a request. We parse the specific requirements (like “Do you have 5 years of experience?”), use the model to propose an answer based on what it knows about the user, and then package that for the create-apply tool.

Stack & tools

Typescript, NodeJS, MCP SDK, Zod v4, React for widgets

5 Likes

App name: KIWI FLIGHTS

One-liner: Find your flights inside ChatGPT!

Who it’s for / what problem it solves: For travelers who want a conversational way to find flights without juggling multiple tabs and filters. Just describe your trip in natural language (“I need a cheap flight from Paris to Lisbon next weekend for one person”) and get results instantly.

Key features:

  • Search one-way and round-trip flights with flexible dates

  • Compare results by price, duration, or quality

  • Support for multiple passengers (adults, children, infants)

  • Direct booking links to complete your purchase

  • Fullscreen map visualisation of direct/connecting trips

Stack & tools:

  • MCP server built with TypeScript

  • Kiwi .com Tequila API for flight data

  • Hosted on Alpic’s infrastructure

Try it for yourself: mcp-ui.kiwi.com

10 Likes

Truth or Lie - Enjoy unlimited gameplay finding out who is saying the truth or is just lying to you! :magnifying_glass_tilted_right:

Gameplay

  • The app creates 4 characters, and you have to find out which one is the truthful by asking questions to them
  • After getting to know the characters, you can use the UI to find out the truth!

Tech / Product

  • The App is hosted on Alpic: truthorlie.alpic.live/
  • ChatGPT does not know the answer as well, using _meta data and an UI interface
  • Tool responses with “clues” and instructions to the model giving a uniform gameplay over different rounds with unlimited stories possible

Screenshot

Links

  • Live demo: shorturl.at/eFinc (Post with video)
4 Likes

:christmas_tree: Day 11 - Advent of ChatGPT Apps :christmas_tree:

App name: Code Names Duo 🂡

One-liner: Give Clues to ChatGPT to make him guess words without finding the assassins.

Who it’s for / problem it solves: It was a REAL problem not being able to play code names in ChatGPT - I don’t know what people were doing before.

Just kidding, it was actually a great way to showcase the capabilities of how the widgetState is being shared with the agent (and what is not). And Code Names is one of my favorite game, so now I can play it endlessly !

Key features:

- ChatGPT does not see the User KeyCard : it’s encrypted using a key (in the frontend for the moment).

How it uses the Apps SDK / what UI you’re rendering in ChatGPT: It stores inside the widget state (but I’m thinking to moving to a database to make it stateful in the backend - it’s difficult for the agent to follow the different updates) the board disposition. Then ChatGPT has one tool (play), that it can use either to spawn the widget or guess a word.

I’m rendering a small board of card with only the keycard of the user (chatgpt one is in the widget state).

Stack & tools: Typescript mono-repo bootstrapped from _alpic-ai/apps-sdk-template_ with MCP server SDK and React. Using skybridge framework for convenient hooks and HMR with Vite. Hosted on Alpic.

Link(s):

- Try it for yourself: https://code-names.alpic.live

- Check out the source code on Github on https://github.com/qchuchu/code-names-duo

- All the other apps of the calendar : https://alpic.notion.site/advent-calendar-apps

I had some troubles to update the widget state given a tool output. It caused an infinite loop of rendering, and so I needed to add the tool call output inside a reference in order not to cause infinite loops.

6 Likes

:christmas_tree: Advent of ChatGPT Apps - Bonus :christmas_tree:

App name: Alpic Skishop

One-liner: Buy Ski gear and Alpic goodies directly from ChatGPT

Who it’s for / problem it solves: It’s an online shop for

Key features:

  • Integration with Stripe (but no ACP yet)
  • Oauth2.1 and account management
  • Admin orders management system

How it uses the Apps SDK / what UI you’re rendering in ChatGPT: it shows the different items available in the store, allows to fetch their details and has an order completion flow.

Stack & tools:

Link(s):

- Try it for yourself: https://ski-shop.alpic.live

- All the other apps of the calendar : https://alpic.notion.site/advent-calendar-apps

4 Likes

:christmas_tree: Day 12 - Advent of ChatGPT Apps :christmas_tree:

App name: Personal Chef :cook:

One-liner: Generate a recipe with an interactive card, real nutrition, and a shopping list you can copy or email.

Why: I’m regularly using ChatGPT to discover new recipes and help me cook day to day. It can be hard to visually track nutrition and servings, and I want a ready-to-go shopping list ordered by supermarket sections that I can email to myself (I have no network in my supermarket).

Key features:

  • USDA nutrition integration (per ingredient + per-serving totals)

  • Servings + unit conversion controls

  • Shopping list grouped by supermarket sections + email-to-self flow (Resend)

Stack & tools:

  • Skybridge (MCP server + React widget, host globals like theme/locale/display mode)

  • TypeScript monorepo, React + Tailwind

  • Resend (email), USDA FoodData Central (nutrition)

  • Hosted on Alpic

Link(s):

  • Try it for yourself: https://personal-chef.alpic.live

  • All the other apps of the calendar : https://alpic.notion.site/advent-calendar-apps

6 Likes

Hi! I discovered this community a few hours ago and I’d like to start sharing my apps with you now! My first app is a bit random…

App name:
Minecraft Skin Viewer

One-liner:
Render any Minecraft player’s skin directly inside ChatGPT as a 3D model.

Who it’s for / problem it solves:
A fun way to preview a minecraft player skin without leaving ChatGPT.

Key features:

  • Fetches any Minecraft player skin by username

  • Renders the skin as a 3D character model inside ChatGPT

  • Planned: second-layer skins + additional animations (e.g., sneaking)

How it uses the Apps SDK / what UI you’re rendering in ChatGPT:
Renders an embedded 3D viewer directly in the chat UI and populates it with skin data fetched via API.

Stack & tools:

  • yavio.io (App building & hosting)

  • mineskin.eu (API)

Link(s):

https://mcp.app.yavio.io/524899/mcp/default-workspace/minecraftskin/v1

Anything you’d love feedback on:
Recommendations for additional animations and interactions to add next.

3 Likes