Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

We added a device tool bar to the Codex in-app browser, so it's easier to build and test responsive apps! Now, you can have Codex test your app in different dimensions, so it can fix bugs & improve UI for every device. Just click the 3 dots on the... show more

James Sun

6,414 subscribers

148,009 views • 2 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Codex can now use the in-app browser to test your app at different viewport sizes! It will control the device tool bar and click through your app at different breakpoints to validate & iterate. If it's a long run, Codex will take screenshots at key moments during testing and show them to you at the end of the turn, so you can verify its work. To speed up testing, Codex can hide the IAB to disable animations, and accelerate testing by 1-2x. Separately, we also made annotations send faster and consume less tokens. Hope you enjoy the updates and let us know what you think!

Codex can now use the in-app browser to test your app at different viewport sizes! It will control the device tool bar and click through your app at different breakpoints to validate & iterate. If it's a long run, Codex will take screenshots at key moments during testing and show them to you at the end of the turn, so you can verify its work. To speed up testing, Codex can hide the IAB to disable animations, and accelerate testing by 1-2x. Separately, we also made annotations send faster and consume less tokens. Hope you enjoy the updates and let us know what you think!

James Sun

227,660 views • 1 month ago

Codex can now take on more of your browser dev work. With the new Chrome plugin in the Codex app, it can test web apps, gather context across tabs, use web DevTools efficiently in parallel, and keep results organized without taking over your browser.

Codex can now take on more of your browser dev work. With the new Chrome plugin in the Codex app, it can test web apps, gather context across tabs, use web DevTools efficiently in parallel, and keep results organized without taking over your browser.

OpenAI Developers

230,472 views • 1 month ago

Last week was Windows, this week goes out to the mobile devs! Now, you can build, test, iterate on iOS apps much faster inside Codex. You can now: - Give precise feedback on your app's UI to Codex using annotation mode - Ask Codex to test every element and orientation of your app using the browser. Try it by installing the Build iOS Apps plugin. s/o to Evan Bacon 🥓 for serve-sim that allows us to make this possible & Rounak Jain who cooked to get this one out!

Last week was Windows, this week goes out to the mobile devs! Now, you can build, test, iterate on iOS apps much faster inside Codex. You can now: - Give precise feedback on your app's UI to Codex using annotation mode - Ask Codex to test every element and orientation of your app using the browser. Try it by installing the Build iOS Apps plugin. s/o to Evan Bacon 🥓 for serve-sim that allows us to make this possible & Rounak Jain who cooked to get this one out!

James Sun

17,849 views • 1 month ago

Today, we launched browser use inside Codex to further close the build & verify loop for local development! Now, you can ask Codex to build your front end, and test it like a user would by clicking through the app. Codex sees everything a user sees through vision & checks the network/console logs to help debug & fix any issues that it finds. This change brings us closer to fully autonomous coding agents that delivers high quality and tested changes. Watch Codex test my app in the browser, catch & fix a real bug, and doing that loop again with a brand new feature.

James Sun

226,203 views • 2 months ago

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.

OpenAI Developers

373,125 views • 24 days ago

With GPT-5.5, Codex now gets more of the job done across the browser, files, docs, and your computer. We've expanded browser use so Codex can interact with web apps, and test flows, click through pages, capture screenshots, and iterate on what it sees until it completes the task.

With GPT-5.5, Codex now gets more of the job done across the browser, files, docs, and your computer. We've expanded browser use so Codex can interact with web apps, and test flows, click through pages, capture screenshots, and iterate on what it sees until it completes the task.

OpenAI Developers

853,826 views • 2 months ago

More of the iOS app loop, now inside Codex. The Build iOS Apps plugin lets Codex view and test your iOS app in the in-app browser, open SwiftUI previews, and hot reload edits without leaving Codex.

More of the iOS app loop, now inside Codex. The Build iOS Apps plugin lets Codex view and test your iOS app in the in-app browser, open SwiftUI previews, and hot reload edits without leaving Codex.

OpenAI Developers

1,905,550 views • 1 month ago

The new tomi Browser is here!! Join us on tomi’s journey to a decentralized web. tomi is a project for the community and by the community - and this is where you come in. Help us improve the Browser by sharing your ideas and reporting any bugs you find. Together, we can build the next-gen internet. Download the Browser now through our website, and be part of the change!

The new tomi Browser is here!! Join us on tomi’s journey to a decentralized web. tomi is a project for the community and by the community - and this is where you come in. Help us improve the Browser by sharing your ideas and reporting any bugs you find. Together, we can build the next-gen internet. Download the Browser now through our website, and be part of the change!

TOMI

10,629 views • 2 years ago

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!

Lee Robinson

216,134 views • 8 months ago

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

Om Patel

152,549 views • 3 months ago

Use Design Mode in Cursor 3 to annotate and target UI elements in the browser.

Use Design Mode in Cursor 3 to annotate and target UI elements in the browser.

Cursor

272,189 views • 2 months ago

Android Studio is coming soon to #ProjectIDX. 😎 With just a few clicks in your browser, you can set up a workspace to code, build, and test native Android apps. Join the waitlist to be one of the first to try it! 🛠️ →

Android Studio is coming soon to #ProjectIDX. 😎 With just a few clicks in your browser, you can set up a workspace to code, build, and test native Android apps. Join the waitlist to be one of the first to try it! 🛠️ →

Google for Developers

25,233 views • 1 year ago

OpenAI just killed the worst part of building iOS apps with AI. The new Codex "Build iOS Apps" plugin can now: → run your app in an in-app browser → open SwiftUI previews → hot reload edits all without leaving Codex. No more copy-paste-build-screenshot loop. The agent sees what it ships. This is the loop indie devs have been begging for.

OpenAI just killed the worst part of building iOS apps with AI. The new Codex "Build iOS Apps" plugin can now: → run your app in an in-app browser → open SwiftUI previews → hot reload edits all without leaving Codex. No more copy-paste-build-screenshot loop. The agent sees what it ships. This is the loop indie devs have been begging for.

Blaida

844,697 views • 18 days ago

You can launch Grok on Windows with just one click - no need to open Chrome or Edge every time It runs as a lightweight app using the PWA method, so it feels fast and native Here’s how to set it up: Step 1 → Open in Chrome or Edge Step 2 → Click the little “install app” icon at the top-right of the address bar and hit “Install” Step 3 → Right‑click the new Grok icon in your taskbar and click “Pin to taskbar” Now Grok opens instantly without loading the full browser, which makes it much snappier and way more efficient You can also assign a hotkey to the shortcut (e.g., Ctrl + Alt + G) so Grok is always one key combo away

You can launch Grok on Windows with just one click - no need to open Chrome or Edge every time It runs as a lightweight app using the PWA method, so it feels fast and native Here’s how to set it up: Step 1 → Open in Chrome or Edge Step 2 → Click the little “install app” icon at the top-right of the address bar and hit “Install” Step 3 → Right‑click the new Grok icon in your taskbar and click “Pin to taskbar” Now Grok opens instantly without loading the full browser, which makes it much snappier and way more efficient You can also assign a hotkey to the shortcut (e.g., Ctrl + Alt + G) so Grok is always one key combo away

X Freeze

27,670 views • 6 months ago

So this game is real now, fully built with GPT-5.5. I told Codex to use the imagegen skill to generate a reference UI and sprites, and used the Build macOS Apps plugin to build the app for a native retro fantasy labyrinth game! Adjusted the UI in a few prompts and here we are!

So this game is real now, fully built with GPT-5.5. I told Codex to use the imagegen skill to generate a reference UI and sprites, and used the Build macOS Apps plugin to build the app for a native retro fantasy labyrinth game! Adjusted the UI in a few prompts and here we are!

Thomas Ricouard

144,583 views • 2 months ago

Introducing 🌸 Kanna – a web ui for Claude Code + Codex running right in your browser (and my first open source project!) It's sort of like if Claude Code & Codex had a baby with a much better ui/ux 💅 Here's what makes Kanna special: 🔀 One-click switch between Claude Code / Codex 🌐 Runs in your browser on localhost - no app switching 🧩 Embedded split terminals, persisted between chats with a beautiful horizontal scrolling UX 📁 Full project file browser built in, embedded editor coming soon too. Coming soon: 🔒 End-to-end encryption + remote access via reverse proxy 🌿 Git integration, diffs, PRs 🧱 Plugins I wanted to replace switching between cursor, the github app, browser & (most recently) the codex app. The browser is hardest to recreate yet also the most flexible so it makes sense to build in the browser itself. Install in 5 seconds: bun install -g kanna-code then just type: kanna Kanna is purely a ui/ux layer. It uses your existing CLIs, is 100% compliant & no data ever leaves your machine. If running claude or codex in your terminal works, kanna works too. Kanna natively supports every tool call, model, reasoning effort, fast mode, plan mode, compaction, user questions, web searching, skills, agents, mcps, everything. There are a few libraries that do this but none that I found as comprehensive. All feedback welcome!

Introducing 🌸 Kanna – a web ui for Claude Code + Codex running right in your browser (and my first open source project!) It's sort of like if Claude Code & Codex had a baby with a much better ui/ux 💅 Here's what makes Kanna special: 🔀 One-click switch between Claude Code / Codex 🌐 Runs in your browser on localhost - no app switching 🧩 Embedded split terminals, persisted between chats with a beautiful horizontal scrolling UX 📁 Full project file browser built in, embedded editor coming soon too. Coming soon: 🔒 End-to-end encryption + remote access via reverse proxy 🌿 Git integration, diffs, PRs 🧱 Plugins I wanted to replace switching between cursor, the github app, browser & (most recently) the codex app. The browser is hardest to recreate yet also the most flexible so it makes sense to build in the browser itself. Install in 5 seconds: bun install -g kanna-code then just type: kanna Kanna is purely a ui/ux layer. It uses your existing CLIs, is 100% compliant & no data ever leaves your machine. If running claude or codex in your terminal works, kanna works too. Kanna natively supports every tool call, model, reasoning effort, fast mode, plan mode, compaction, user questions, web searching, skills, agents, mcps, everything. There are a few libraries that do this but none that I found as comprehensive. All feedback welcome!

Jake Mor

43,250 views • 3 months ago

This makes the future way closer than you think. Director AI automates any tasks you can do in a browser. It interacts with web pages just like a person would. If you could use a browser to complete a task, you can have this AI do it for you. And it's free! Watch the video:

This makes the future way closer than you think. Director AI automates any tasks you can do in a browser. It interacts with web pages just like a person would. If you could use a browser to complete a task, you can have this AI do it for you. And it's free! Watch the video:

Santiago

36,273 views • 1 year ago

You can now use OpenAIReview directly in your browser 📷. This is a part of our mission to make quality AI-assisted reviewing open and accessible to everyone. Reviews on the web version are free of charge, and you can get up to 3 reviews a day. Try it here!

You can now use OpenAIReview directly in your browser 📷. This is a part of our mission to make quality AI-assisted reviewing open and accessible to everyone. Reviews on the web version are free of charge, and you can get up to 3 reviews a day. Try it here!

Chenhao Tan

46,005 views • 3 months ago

Did you know that Visual Studio Code has HAD a built-in browser! Say "start my app in simple browser" and it will run the dev server and open simple browser to localhost. It can take screenshots of the page or element and send DOM elements to the agent chat!

Did you know that Visual Studio Code has HAD a built-in browser! Say "start my app in simple browser" and it will run the dev server and open simple browser to localhost. It can take screenshots of the page or element and send DOM elements to the agent chat!

James Montemagno

47,489 views • 8 months ago

BREAKING: Replit just launched mobile apps. Now you can build in Replit ⠕ and submit straight to the App Store for review. Describe your app → build it on Replit → test on your phone → publish to the App Store. I built a unicorn pet app for my niece: - Worked with Replit Agent to build it out - Scanned a QR code to download and test on my phone - One click to send to App Store Connect for review - A couple submissions later, it's live in the App Store! 🙌 I didn't write a single line of code! Just described what I wanted to Agent. Amazing! 😅 Go build something!! 👇

BREAKING: Replit just launched mobile apps. Now you can build in Replit ⠕ and submit straight to the App Store for review. Describe your app → build it on Replit → test on your phone → publish to the App Store. I built a unicorn pet app for my niece: - Worked with Replit Agent to build it out - Scanned a QR code to download and test on my phone - One click to send to App Store Connect for review - A couple submissions later, it's live in the App Store! 🙌 I didn't write a single line of code! Just described what I wanted to Agent. Amazing! 😅 Go build something!! 👇

Manny Bernabe

30,925 views • 5 months ago