NEW ChatGPT Sites Just Changed Everything (Builds Anything)
315 segments
Today, I'm going to show you how easy it
is to build any app you want inside Chat
GPT. Yesterday, I built an app that
replaced three SaaS tools that I was
paying thousands of dollars for, and I
did this in just three prompts using
Chat GPT. So, the app that I created is
called Social Scrape, and we're actually
going to be building this app again
today. It analyzes all short-form
platforms. It can scrape the entire
videos from Instagram or TikTok, all of
the stats and the transcript, and it can
store all of this information in a site
that my whole team can use for creating
content and ads. And literally anyone
can build an app just like this in
minutes using Chat GPT sites. And many
of you may not know, but Chat GPT sites
has a built-in database, hosting,
authentication, storage, and custom
domain. And so, that's exactly what
we're going to do today in this video.
Even if you have zero coding experience,
by the end of this video, you'll be able
to open Chat GPT and create any app you
want, and you'll be able to use it with
your team. All right. So, this right
here is Chat GPT, and if you enable the
work tab, this right here is Chat GPT
work. One of the coolest features of
Chat GPT work is you can say something
like this, "Hey, please build a @sites
that does blank." This will
automatically build a hosted site,
meaning it's on the internet, with
database, meaning the data is stored in
the app, authentication, meaning people
can sign in, storage, meaning you can
upload images and videos just like any
normal app, and you can even share it
with other people. And today, we're
going to be talking about this sites
feature. Real quick, for those of you
who don't know what GPT work is, you can
almost think of Chat GPT work as the
midpoint between Chat GPT and Codex.
Codex is OpenAI's agent platform for
developers. So, for intense coding
tasks, you have Codex. For normal chats,
you have ChatGPT. And then in the
middle, you have GPT work. And if that
doesn't fully make sense, you can also
think of ChatGPT work as an agent in the
cloud with a computer. And whether or
not we're using ChatGPT work on the
desktop app that like it is open right
here or on our phone, which is open
right here, we can use sites by simply @
mentioning sites. So, here it is on the
desktop app. I'll do it on my phone. I
can @ mention sites. And my favorite
place to build ChatGPT sites is directly
on the ChatGPT desktop app. If you
remember, about a month ago, OpenAI
combined the ChatGPT app and the Codex
app into one platform, and you can now
access GPT work directly from the
desktop app. And so, yesterday, I
created a short-form scrape. And what
I'm able to do is I'm able to scrape any
social media platform and pull the
videos and they show up here. So, I can
scrape all of my content. I can play the
video.
>> category in
>> And as you can see here, I also scraped
Rowan Cheung's videos.
>> Japanese scientists just
>> And I can also click on transcript and I
can copy the transcript. So, I can
scrape all short-form platforms and I
can literally download this video. This
video is being hosted on this ChatGPT
sites. And so, now it's time for us to
build our own app using GPT sites on
ChatGPT work. So, this is the prompt
that we're going to be using. So, we're
going to build a GPT sites that has a
beautiful front end that is all white
and it's a phone frame big in center.
This app will be an app that I share
with my team. The site also allows
anyone from the team to sign in and
authenticate and view the presentation
that I create. I should be able to
upload short-form videos to the site
manually or copy a prompt beneath the
phone frame by pressing an icon and give
it to any agent and the agent can upload
videos to that app. So, the app should
have video storage and a database so
that all of the stats for each video are
there. And then I go along to say, "This
app will be used with a scrape creator
skill which uses the scrape creator's
API. Instead of adding it to the actual
app or site, I'll simply ask the agent
to scrape creators and it will create a
playlist with the title as the creator
and then I'll be able to play the video
you scrape in the hosted app. And I'm
also going to add, "Start with Riley
Brown's best videos from 2025
that are not sponsored. Put those in the
app and there should be a download
button so anyone can
download
the videos who is on the app." So, this
is the prompt that we're going to be
using inside Chat GPT. So, I'm going to
paste this in and we're using Chat GPT
work on the desktop app using the new
sites feature and we're going to run it.
Okay, there we go. So, it just worked
for 25 minutes and 8 seconds. And we can
just hit open in browser
and here we go. So, this is the app that
it created and notice here it's like
you're almost in this site uses Chat GPT
security to securely sign you in. And
so, we can hit continue with Chat GPT.
I'm going to sign in with my account and
now I'm going to hit continue and now it
is loading reels.
And take a look at this. So, it just
created this app right here.
It's a little bit clunky, but no
worries, we will fix it.
And what we can do here is we can see
that it scraped six of my videos. So, it
found six of my videos and it put them
right here. And it looks very similar to
the other app that I created yesterday.
And it does have a few mistakes, but
it's very easy to change that. So, what
I can do here, I can very easily come to
this browser and I'm going to just hit
this annotate button. And we're going to
come here and I'm going to click on
this. I'm going to say the video should
be full screen and the likes and
comments
should be overlay like Tik Tok / Reels.
And I added that annotation as a
comment.
What are some other things that we need
to add? Um make top bar less tall. Um
yeah, make the download
button better. It looks weird. And let's
just go ahead and send those in. So, I'm
just going to say make these changes.
And those three annotations are
basically comments are going to be
edited.
And now it is done. So, we can open this
up in the browser once again. Actually,
let's go ahead and refresh this.
There we go. Now, it is full screen. So,
we can go to the next one.
>> Is programming going to be replaced by
vibe coding?
>> There we go. This has 10K likes. I can
see all the stats. There we go. One
other thing that I'm noticing isn't
correct is the profile picture.
The profile picture of the account, it's
not correct. It just says RB for instead
of Riley Brown. I want to make sure that
the profile picture matches the one from
Instagram. And also, please look up
Callaway on Instagram and bring in 10 of
his videos as well. As you can see, any
change that you want to make, you can
just do that and it will update to your
site that is actually deployed on the
internet. This doesn't just work on the
ChatGPT app in the in-app browser. You
can also open it in Chrome. As I you can
see here, I do need to sign in once
again. I'll sign into the same account
that I signed in on ChatGPT and I will
get be able to get access to the site
that is actually on the internet right
here. Okay, so our site is looking
pretty damn good right now. So, what I
want to do is I want to first explain
how this is all working. So,
when you use CodeX or GPT Work, you can
use these things called plugins and
skills.
A skill is when I could use a skill, for
example, called scrape creators and I
used this a lot even before I found out
about GPT sites.
And what this allows me to do is exactly
what you see here, where it can scrape
data from any social media account. And
the way this works is this actually uses
an external API. If you were to go to
Google Chrome and just type in scrape
creators API, this is an external
service that if you go to scrape
creators and get an API key, you can
then go back to ChatGPT Work or CodeX
and say, "I want to create a skill that
uses scrape creators. Please create it.
Here is my API key." That's all you
would need to do and then you would
paste your key
right here. This is technically not best
practice, but this is how I create my
skills. And then you could just use the
agent to pull data from any social media
platform and this is incredibly useful.
However, presenting it was the annoying
part and that is why I put it in a site.
Now, I can simply scrape social media
platforms with this API and then have
the agent place it directly in the app.
And that's exactly what it did. It
scraped the video, it scraped the likes,
the comments. It also scraped the
transcript, and I can very easily copy
that to my clipboard, as you can see
right here. I now have a better way to
display the data that was pulled using
the scrape
creator's skill,
which uses the scrapes creator's API.
And I'll put all the information for all
the skills that I use in the description
below, but that is in essence how this
works. And this site is live, and it is
shareable with anyone. And before we go,
I do want to talk about one thing, which
is site settings. So, in order to see
all of your sites, you can go over to
the left panel right here and click
sites. And here, we can see all of the
sites that I've created. On these sites,
if you come down to our app that we've
created here, I can press these three
dots, and I can click settings.
And here, I can actually change the
domain, right? We can change the domain
right here. We can also add custom
domains. You can also change the name of
it. And so, we can call this social
scrape to change the name of this site
here.
And then also, you can add environment
variables. So, if you wanted to add one
of those API keys that I was talking
about earlier to your app, you can add
it here. You also have access to the
analytics for your app. Right now, I'm
the only one who's used my site, so
there is very little daily traffic. It's
just me. I actually haven't sent this to
anyone on my team yet, because we just
built it. Um in the database section,
we can see all of the data in our app.
The sites feature within Chat GPT has
built-in database, as you can see here,
and you can go through and see the data,
right? You can see Real Riley Brown and
Callaway verified. They have have an
avatar key, and you can see when they
were created. And here you can see the
videos as well. Here are all the videos.
Here's the caption for the video, the
file name, the content type, and that is
where all the data is stored for your
app. Anyway, guys, this is the app that
we created. It is a perfect interface
for the use case, which is scraping data
from social media, that I can send to
anyone on my team. And that's what I
encourage you to do. When you need to
send any type of information to anyone
else on your team, think, what is the
best possible interface that I could
send them? More than likely, you'll want
to fully customize that little mini app
that you send them. And I think the
easiest way to do that is with sites.
One last thing, if you want to take the
site that we just created, or any site
that you create, one step further, you
should just update to the latest chat
GPD desktop app and ask Codex to make it
web MCP enabled and deploy it to sites.
Web MCP lets your site expose tools that
chat GPD and Codex can discover and use
right on the live page while you follow
along and guide it. And the 10-day web
MCP challenge is live now with $35,000
in cash prizes. You can build something
new, or you can just add web MCP to a
site that you've already created. The
link is in the description. And again,
thank you so much to Open AI for
sponsoring this video, and I'll see you
guys here for the next one.
Ask follow-up questions or revisit key timestamps.
This video demonstrates how to build functional, hosted applications directly within ChatGPT using the 'Sites' feature. The creator showcases building a social media scraping app that aggregates videos, metadata, and transcripts, showing how to iterate on the design via conversational prompts. It also covers the platform's capabilities like database management, authentication, and custom domain configuration.
Videos recently processed by our community