> ## Content Index
> Fetch the complete content index at: https://www.bramadams.dev/llms.txt
> Use this file to discover other available public pages before exploring further.

# GPT UX Patterns
- URL: https://www.bramadams.dev/gpt-ux-patterns/
- Published: 2024-02-24T00:39:51.000Z
- Updated: 2024-02-25T21:06:37.000Z
- Description: New UX patterns are being discovered every day!
- Author: Bram Adams
- Tags: chatgpt, #u-bg-feature-image, #u-color-text-light

As I come across (or create) new UX patterns that are enabled by GPTs, I'll put them here.

You can learn more about the near-potential of GPTs here:

[Issue 42: Are GPTs Websites?Or are they perhaps something else altogether?![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/size/w256h256/2023/01/leda-2.jpeg)Bram AdamsBram Adams![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/size/w1200/2023/03/My-project.jpg)](https://www.bramadams.dev/issue-42/)

(or in video):

[Are GPTs Websites? \[Video Version\]Video version of Issue 42![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/size/w256h256/2023/01/leda-2.jpeg)Bram AdamsBram Adams![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/size/w1200/2023/03/My-project.jpg)](https://www.bramadams.dev/are-gpts-websites-video-version/)

## Instruction Boot Loader

> First,Lucas created a "boot loader" of sorts, a way for us to keep our instruction set minimal for MapGPT.
> 
> At the start of the experience, we immediately kick off an action call to our server to fetch the "introduction" instructions. Those are quickly processed and displayed to the user...

[Issue 48: The History You Miss on Your Way to Workand the futures you create![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/size/w256h256/2023/01/leda-2.jpeg)Bram AdamsBram Adams![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/2024/02/embmap.jpeg)](https://www.bramadams.dev/issue-48/)

## Per-Session UUIDs

> In the first action call above, we also assign users a random UUID. This UUID will follow them for the rest of the chat session. Incidentally, this gives a ChatGPT "state" as we use that ID on our server (and a Redis cache) to keep track of the data we need to feed the user...

[Issue 48: The History You Miss on Your Way to Workand the futures you create![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/size/w256h256/2023/01/leda-2.jpeg)Bram AdamsBram Adams![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/2024/02/embmap.jpeg)](https://www.bramadams.dev/issue-48/)

## "on start"

This is an extremely helpful and simple pattern. Simply start your custom instructions with `on start,` and create a conversation starter button called "start". Anything you put after start will be run, and it gives users a easy entry point.

## YouTube Thumbnails in GPT

[How To Add Clickable Thumbnail Youtube Videos to ChatGPTquick tip!![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/size/w256h256/2023/01/leda-2.jpeg)Bram AdamsBram Adams![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/2024/02/dancingpassion.jpeg)](https://www.bramadams.dev/how-to-add-youtube-videos-to-chatgpt/)

## Creating a Loading Bar

Code Analysis taking too long? Waiting for something to happen? No problem: 

[Track Time in GPT with Code Interpretercreating a “loading bar”!![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/size/w256h256/2023/01/leda-2.jpeg)Bram AdamsBram Adams![](https://storage.ghost.io/c/0c/cc/0ccc9a8d-054a-4056-b11e-e1bfbbb66387/content/images/2024/02/Armor-main-image.jpeg)](https://www.bramadams.dev/timers-in-gpt/)