Codex Sites Clearly Explained (and how to use it)

I saw that Codex launch sites, and when I first saw the news, I was like, is this is just a worst version of Repplet or Lovable? That's just inside Codex. But the more I dug into it, the more I realized it's actually worth understanding how to use it and how to get the most out of it. So today is a full tutorial on basically what the big announcement is around Codex sites, how does it compare to the competition? We're actually going to go and live build using Codex sites, and through that, I'm actually going to teach you basically the best practices for using Codex sites. So by the end of this episode, if you stick around, I'm going to teach you how to build how to build a shell using Codex sites, how to add memory using Codex sites, how to add what's called safe actions using Codex sites. And I'll explain what that means in the episode, how to create skills with Codex sites, how to save gate using Codex sites, and how to prove the loop using Codex sites, which makes it work autonomously. Let's get into it. So what is the difference between Codex sites and Repplet and Lovable and stuff like that? So I will say Repplet and Lovable and those products are really good. If you want to like one prompt something and it has an editor, it has a database, it has server, it has hosting. A lot of them have connections to domains as well too. Like you can just register a domain within it. So that's really amazing. But Codex sites, if you live in Codex and I'm starting to live in Codex, I mean, I think it was about a month ago I had Riley Brown on the podcast and I basically said like, hey, convince me to use Codex. I'm in the anthropic ecosystem. Convince me to use Codex. And now I will say it's a part of my daily driver. Yes, I still live in the anthropic ecosystem, but I'm also using Codex. And I think that if you are in Codex and you are putting just all your context there, what's really cool about Codex sites is you can actually use that to go and build your ideas, your apps and stuff like that. And what's the coolest part about Codex sites is it updates your app autonomously. So what does that mean? It means that you can have it basically create a personal website, say, and let's say, for example, go to my personal website. This is a static website. So I actually have to go in and basically, 158,000 people enjoy reading my newsletter. But when it becomes 160,000, I have to go and update it. But with Codex sites, you can actually have it. So it automatically updates these things. It automatically creates, for example, guides based on my content. It automatically adds the different companies I work on. So it basically is this whole idea around autonomous product building. I've talked about this on the podcast before. But the idea around you're going to have in the future and the future is now the present, basically agents going and updating products autonomously. But the thing is it is missing off. It's missing databases. It's missing payments. It's missing email sending. It's missing analytics. And it's missing a vault for secret. So a lot, you know, if you want something more simple, everything is in there. You're going to want to use something like rapid or lovable. But if you understand a little bit about auth, if you understand a little bit about database, payments, stuff like that, and you live in the Codex ecosystem, and you are really interested in this whole idea around autonomous apps. Codex sites are really, really, really cool. And I also say one thing. Today, you can't publish these websites, at least not to my knowledge. You can't publish these websites on your own domain and go and deploy it publicly. These are internal apps that you can share with your team right now. But obviously that's going to change very, very, very, very, very soon. So let's get right into it. So I was thinking that we can create a startup ideas OS. So basically a live board with columns, inbox, researching, validating, building, and killed startup ideas. And each card can have an idea, buyer, pain, proof, next step, and score. So this is something that, you know, could be an internal, internal tool that I would use. And we're going to basically try to build it in six prompts. And like I said, as I build it, I'm going to share sort of the big takeaway. So the first thing we're going to do, let's go open codex. So I created a new project here. I opened a new chat. And you know, the first thing is, you know, if you want to actually use sites, you have to invoke it at sites. So it works basically as a plugin. So I said, build a startup OS. I'm going to go ahead and send it. And yeah, it works as a plugin. You invoke it there. And like I said, not everyone has access to it. But I would imagine that access is probably coming really soon for, for plus, plus people. And by the way, I have no affiliation with OpenAI. I just think this is a really interesting product. And I wouldn't be making this episode if I didn't think that you can get a lot of value from it too. So what is the insight I have for you about this particular prompt is that, you know, well, there's a few things. Yeah, invoke the way to get it going is you want to invoke sites. You want to actually ask it to use realistic sample data. You also want to save it for review. So I noticed that sometimes when I prompt it an idea, it'll just try to deploy it. So a really good tip is to save for review. Do not deploy. And this basically unlocks building a real product service, not a home page. So basically, what I'm trying to do by building this is to build that whole idea around autonomously being able to edit it and work on it. Because that's sort of sort of the dream state for me. So let's go ahead and go back to Codex. Okay, while that is being worked on, I just wanted to say that if you go to the plugin section over here, so you click plugins, there's a bunch of plugins that are going to help you make your sites a lot better, right? So, you know, a lot of people aren't using these plugins. But think about like Figma. Think about Canva. Think about Hagen for Avatar videos. Think about Remotion. These are a bunch of plugins that could make your ideas for your sites a lot more interactive, a lot more a lot more interesting. Another really interesting one that's underrated, I think, is game studio. So, you know, one of the biggest problems that people have with vibe coding and a genetic engineering is they build something and no one's, no one's going to it. Well, you know, if you build games, for example, that actually generate buzz around what you're the bigger, you know, the product you're building, that's a way to get attention and then you bring those people into your core product. Now, of course, that needs to make sense for whatever it is you're building. And this works better with consumer apps, right? So you go and create a, you know, a paperboy competitor that's fun to play that you can kind of like news jacket based on a particular news topic and then you bring those people into, you know, whatever your core experiences. Maybe it's an email newsletter or who knows. But the point is like, I think a lot of people are sleeping on this idea that you can go and create little apps that could bring them into the core experience. All right. So it's built the board. I think it looks pretty, pretty clean. Get the inbox over here, researching, validated, building, kill, definitely not the most beautiful, but clean, minimalistic, good enough for a first version. So let's go back and keep going. So how do we add memory, right? Because on codex sites, it's not going to add memory without us basically getting it to prompt it. So let's go ahead and go back into codex. I'm copying this prompt. So I say add persistence storage. So ideas save between visits, stay, stay between visits. Before coding, show me the data model in which records action the app needs. And this is by the way, these prompts are similar prompts that you can use for when you're using codex sites. So it says I'll use the site's building guidance here because this is a hosted app with storage. Since you asked for the model first, I'm going to inspect the existing schema and then lay out the proposed records and mutations before touching code. So it says it's actually going to use cloud flare, right? I'll use cloud for D1 as the durable store with one main record type ideas. This already matches the project's current direction and OpenAI has D1 DB data model. So then it goes and if you see here, it says the record the apps need. So it says it needs an idea, one card on the board. It stores the full card content, the current column. It needs the owner email. And then these are the actions that the app needs. List ideas, add idea, update idea, move idea, scoring the idea, archive the idea, ensure, ensure seated. And then it says, all wait for your go ahead before coding the persistent pass. So this is the whole idea of safe actions, which are, you know, well, before I get into that, why add memory? Because we need for this to be a productive piece of software we needed to remember things, right? So we want to make sure that we've got that in there. But the whole idea around safe actions is going to be, it's an unlock because we can be in other chats. And because we live in codex, we can basically say, hey, you know, maybe I'm like ping ponging with codex and then it hits me back with an idea startup idea. And I'm like, oh, this is really good. Let me just, let me just add, so let me just add, add idea and it'll directly add it to the application, which is so cool. So you're going to want to create safe actions because, you know, in order to get the most, in order to get the most out of it. So I'm just going to go ahead and copy that prompt, create safe actions for add idea, update idea. And the reason, you know, it's important to, that I, you know, I said show me the data model in which record and actions the app needs is, you might not know what safe actions to create. So you might as well ask codex and it'll give it to you right there. So for people, non-technical people, especially like that, you might not know what your safe actions are. You just ask codex what they should be. So it says, I'll use the site's building workflow again since this is a worker D1 surface. I'm going to inspect the current action routing and tighten it into an explicit safe action boundary. So the agent can only call named mutations rather than the arbitrary SQL. So you're starting to see that codex, it does feel a little more technical than your, your lovable or your replicate or your bolt. But if you can stay with it, the output I think is super, super valuable. Like the idea that you can have it self, self update, the idea that you're in codex and you can bring in all this stuff from codex, the idea that you can go into the plug-ins and just use all this stuff from the get go. Like, these are some of the, I mean, FAL, AI and image generation, like so much stuff, hugging face, these are all open source models, just all built in from the get go. It's pretty sweet. So that's completed. So the next thing we're going to want to do is create a skill. So we're going to copy this here so that the chat, our future chats are going to know how to use this app. So create a codex skill called startup ideas admin. It should explain how to read the board, how to add ideas, how to move cards, how to score ideas and include five example commands. This is something that I think that is, you know, I started seeing people use codex sites and they're not using skills. And I'm like, this is one of the greatest parts of codex sites is the ability to create these skills. So you might as well, might as well start adding some skills to get the most out of your application. So it says, I'll use the skill creator guidance for this since you're asking for a new codex skill. I'm going to read the skill instructions and create startup ideas admin in your local skill directories with the board action workflow and example commands. The skill name is already valid and the scope is clear operational guidance for this board. And it's safe actions. So it's gone ahead and created the codex skill. It's done everything we've asked for, reading the board, adding ideas, updating cards, moving cards, scoring ideas, archiving ideas, five example commands. And it says validation pass. The skill is valid. It's going to be helpful for you to actually save gates. And what do I mean by that? I mean, you know, the way I think about it is like a video game, right? Like you have like checkpoints as you go through a video game and sometimes it'll auto save and you're happy and auto saved. But the thing with codex is it doesn't auto save. So it's helpful to go in there and just say like, hey, just do a checkpoint here before a live URL. So let's go ahead and go back into codex. And I'll say save this as v1 review. Do not deploy. Confirm builds at a storage choice access setting and the exact version I should review. And I'll include, by the way, all these problems include in this show notes in the description for people to download so that they can go ahead. And as they're building codex sites, they could they can go and use some of this stuff. So it says, I'll use the site's hosting workload for the save only review session. I'm going to validate the current build, confirm the storage access config, commit the latest save action changes, and then save a site's version without deploying. There you go. So prompt is done. It's saved for review. It isn't deployed. The build status is passed. The storage choice is still D1. The access setting is custom. One thing to note here is at the top right, you can see like your whole environment here. So you can see all the different changes you made. You can see if you're working on locally or you're connected to codex web. Here I'm connected to the main branch. And so you know, it's just all up here on your top right. The last prompt I want to do is the whole proving the loop process. So what I'm going to do is I'm going to grab this prompts right here. And I'm going to say in a new chat, important, important that it's in a new chat, use startup ideas admin to add, here's the startup idea, AI agent, SEO greater for local businesses, put it in an inbox with a first pass score in the next step. And let's see if it actually can do that. Does it open up a new chat or do we actually have to go and open up a new chat? Let's see. It says, I'll treat this as two pieces. Use the new startup ideas, admin skill instructions and create a fresh chat thread to do the actual board update there. Yes. I'm loading the skill and finding the thread creation tool now. The skill says to only use, oh, look, it's gone and opened. It's gone and created the chat. I can open it right here. So it says, I'm using the skill. I'm going to find out how the local app is meant to run. I'm going to read the board. I'm going to add the inbox card and the safe action and verify by reading again exactly what I wanted to do. The project is clean and looks like a next style app with a worker in a verifiable script. I'm checking the API implementation now so I can call the same local service the app expects. The app exposes exactly the safe route the skill expects. Yeah. So this is doing exactly what I wanted to be doing. And let's see if it works. All right. So the prompt is done. It says done using only the safe board API, which is what we wanted in the action layer. There's no raw SQL, no generic database rights and no deploy. It's gone and did it and went really, really fast. So now I'm going to say can you publish, now I'm going to say can you publish website and see what happens. So it's gone ahead and deployed it. You'll notice that it's this crazy URL and that's a downside of codex sites at the moment. I think this is going to change. That's my prediction. It's going to change hopefully soon, whether you're going to be able to have custom domains, but I can go and open it in codex browser on the right here. It's got off built in here. I do have to sign up. So let me go ahead and sign up. So as you can see, this is exactly what we wanted. We've got the inbox, the researching the validated. If I make it bigger here, I can see more the building, the killed and it's got everything I've asked for, right? Now, if I want a new idea, I can go and actually create a new idea or again, I can use a safe action to go and do it or I can have it run an automation like every week to automatically add to this board. So we've seen that you can actually do that. I can go more in depth in a future video if people are interested in like how to do automations and cron jobs and stuff like that, but you can basically just ask codex sites go and do that for you. I think what's really cool is that if you listen to this channel, a lot of us are interested in creating startups that we don't need big teams to manage, right? This whole, what's so cool about this is we're getting to this with codex sites. We're getting to this, if you can create agents that go and automatically update based on different criteria and it work and these are products that work and are valuable to people, then that's sort of the dream. So is it the most beautiful website on the planet? No, does it work? Yes, does it look decent? Yes, could I get it to a point where it looks beautiful? I can and that's that's pretty cool. So to to like TDTLDR it, like what are the main concepts to understand in within codex sites is number one, you're going to want to ask it to have memory, right? You know, the app saves data, but without this, it's just a demo. So you're going to have to ask it to save memory, you're going to have to ask it to have a database. A lot of people are starting to use convex with with codex sites. So it's something to look into. I imagine that over time it's just going to be easier and easier to use codex sites, but now you do need a prompted to do a lot of these things. The second thing is this concept called safe action. So this whole idea that you can have approved buttons and through that you can have it automate adding, removing, editing your apps so that, you are, as the human being, aren't doing everything and you don't have to actually edit every website or app you create. I used to run a web design agency was one of my first jobs and one of the things I used to say was a website is a living and breathing entity. It isn't something that you hit publish and you can just like walk away forever. We're now in this era of 2026 where the agents are actually doing the updating, the editing, the removing, and that's through things like safe actions. And skills. Use skills with codex. We saw how it could be valuable in this episode, but a skill is basically this reusable instruction manual. So codex knows how to operate the app later. So you're going to need to create skills so you can use the safe actions and so that and obviously you're going to want to store that in the memory so that it does it safely and is giving the right information. So all this to say the wow moment for me is building apps where I could do in this example. I can open a new chat and say add this idea to my startup ideas OS. It shows it in the live site updating. So once it's published, I could just do this and it's going to add it or I can have an agent do it and it's going to add it and it's going to be all on my live website, which is really cool. I think that a lot of people are going to use codex sites to make personal webpages to make little apps and stuff like that. But I actually think that the real unlock here is to make products that codex can keep operating for you. That is what's exciting me about codex sites is that if we can create ideas and apps and websites that are automatically updated, automatically get better are autonomous. I just find that so so interesting and I think this is a trend that's only going to get bigger, better and it was interesting to see that codex sites is leading the charge. So yeah, this has been a inside look as to how to use codex sites, what I think is interesting about it, some best practices. I hope it's been helpful. I'm just trying to share the most the the new tools that I think are are going to make increased. I'm just trying the new tools that are going to increase the probability of success for you, whatever it is you're building and just share the best way to use these tools and give you ideas along the way. If this gave you an ounce of value, please like, comment and subscribe. I'll see you in the comment section. I read every single comment and I'm rooting for you. Whatever it is you're building, I'm rooting for you and I can't wait to see what you build. I'll see you on the next one and thank you for joining in the Startup Ideas podcast.