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.

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set... show more

James Rochabrun

1,112 subscribers

61,608 views • 3 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

12 Comments

eric provencher3 months ago

Nice work James! Super cool

James Rochabrun3 months ago

Thanks 🙏

Tim Lewis3 months ago

Wow looks super cool, well done man

David Govea3 months ago

looks nice! compelling feature list

andre elijah3 months ago

Hot!

Mitch Fultz3 months ago

Very cool

Rizvi3 months ago

What is the difference between this and this? I will definitely try Easel but wanted to get a heads up.

James Rochabrun3 months ago

I never tried open design, looks very cool :)

Brian Sowards (he/they) 🌅🇺🇸3 months ago

bless you

Ora3 months ago

A design.md plus a point-and-click inspector is a nice little spell. I still want to know what the agent is not allowed to change once the preview starts looking confident.

sasha blumenfeld3 months ago

👀👀 very cool

Daniel Dent3 months ago

Does it have support for mobile iOS/Android designs like Claude Design (example in this video near 4:30 mark)

Related Videos

We made Agent Design real before Claude Design became part of Claude Code. Open Design brings a live, editable artboard to any agent. Find it in the Codex Plugin Directory, or use the prompt below for Claude and other AI agents. ↘️

We made Agent Design real before Claude Design became part of Claude Code. Open Design brings a live, editable artboard to any agent. Find it in the Codex Plugin Directory, or use the prompt below for Claude and other AI agents. ↘️

OpenDesign

42,759 views • 1 month ago

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Riley Brown

86,707 views • 5 months ago

Introducing MagicPath 2.0. MagicPath is now a multiplayer canvas for humans and agents like Codex or Claude Code to design and build with AI. Use your codebase, grab data from anywhere, and see the agents work in real time as a team while building fully functional prototypes.

Introducing MagicPath 2.0. MagicPath is now a multiplayer canvas for humans and agents like Codex or Claude Code to design and build with AI. Use your codebase, grab data from anywhere, and see the agents work in real time as a team while building fully functional prototypes.

Pietro Schirano

418,604 views • 4 months ago

Introducing Figma export in MagicPath. Design and build with our native agent, or your favorite external one (Codex, Claude Code, etc.). Explore tons of different directions, then bring your work into Figma as fully editable designs. As simple as a copy-paste.

Introducing Figma export in MagicPath. Design and build with our native agent, or your favorite external one (Codex, Claude Code, etc.). Explore tons of different directions, then bring your work into Figma as fully editable designs. As simple as a copy-paste.

Pietro Schirano

42,626 views • 3 months ago

Introducing Inspo. A design MCP server for Claude Code, Codex, and OpenCode. It searches 800+ beautiful websites and finds relevant design inspiration for your coding agent. Install → npx inspo-mcp install

Introducing Inspo. A design MCP server for Claude Code, Codex, and OpenCode. It searches 800+ beautiful websites and finds relevant design inspiration for your coding agent. Install → npx inspo-mcp install

Hassan

405,060 views • 8 days ago

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇

Stitch by Google

195,441 views • 5 months ago

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

179,614 views • 3 months ago

Introducing TasteCode A few months, when we released TasteSkill, we wanted to fix frontend issues with models. With TasteCode, we’re moving closer to AI making great, production-ready design. Its an open-source ADE, focused on great design and UX, being easy to use, and the best - our design agent. TasteCode supports Codex, Claude and Grok. You can use your existing subscriptions, with no extra cost.

Introducing TasteCode A few months, when we released TasteSkill, we wanted to fix frontend issues with models. With TasteCode, we’re moving closer to AI making great, production-ready design. Its an open-source ADE, focused on great design and UX, being easy to use, and the best - our design agent. TasteCode supports Codex, Claude and Grok. You can use your existing subscriptions, with no extra cost.

bluedev

45,399 views • 5 days ago

Turn any website into an AI-readable design system. Here's how: Google recently introduced the DESIGN.md specification: a file that helps AI agents understand a product’s design system. So we built a free tool for designers. Paste any website URL and Masumi’s DESIGN.md Generator extracts the brand’s colors, typography, components, spacing, and visual rules into an editable DESIGN.md file. Your designer can review it, tweak it, and hand it to Claude Code, Cursor, Codex, or any AI coding agent so the generated UI stays on-brand. Links below

albina

26,087 views • 4 months ago

OpenAI just shipped plugins for Codex, so now you can one-click add Box and your favorite coding assistant gets a cloud file system ☁️ Here's a demo of Codex fetching a product design document for an app I'm working on & building it for me from scratch in minutes ⚡️

OpenAI just shipped plugins for Codex, so now you can one-click add Box and your favorite coding assistant gets a cloud file system ☁️ Here's a demo of Codex fetching a product design document for an app I'm working on & building it for me from scratch in minutes ⚡️

Carter Rabasa

14,703 views • 6 months ago

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:

OpenDesign

470,619 views • 4 months ago

Bruh... this open-source AI design skill makes your AI-generated UIs look far less generic. 😍 Hallmark is a design skill for Claude Code, Cursor & Codex that helps AI generate interfaces that feel intentionally designed instead of looking like typical AI outputs. It can: → build beautiful new UIs → audit existing designs → redesign pages while preserving your content → study a URL or screenshot and extract its design DNA If you build apps with AI, this is definitely worth trying :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Bruh... this open-source AI design skill makes your AI-generated UIs look far less generic. 😍 Hallmark is a design skill for Claude Code, Cursor & Codex that helps AI generate interfaces that feel intentionally designed instead of looking like typical AI outputs. It can: → build beautiful new UIs → audit existing designs → redesign pages while preserving your content → study a URL or screenshot and extract its design DNA If you build apps with AI, this is definitely worth trying :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

32,048 views • 2 months ago

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

Open Design

53,135 views • 3 months ago

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

301,000 views • 7 months ago

Already using Pokee Isaac with Claude Code? You can use the same package with OpenAI's Codex—no new integration required! Because claude-pokee exposes Isaac through MCP, Codex can connect to its existing ask, build, iterate, and health tools. Simply install the package below or pass the link to Codex, register its MCP server with Codex, and continue using your existing Pokee API credentials. We tested the setup by having Isaac generate a complete, playable retro arcade landing page inside a Codex project. Check it out! Get started today: Github Repo: Pokee Developer Console:

Already using Pokee Isaac with Claude Code? You can use the same package with OpenAI's Codex—no new integration required! Because claude-pokee exposes Isaac through MCP, Codex can connect to its existing ask, build, iterate, and health tools. Simply install the package below or pass the link to Codex, register its MCP server with Codex, and continue using your existing Pokee API credentials. We tested the setup by having Isaac generate a complete, playable retro arcade landing page inside a Codex project. Check it out! Get started today: Github Repo: Pokee Developer Console:

Pokee AI

33,124 views • 18 days ago

GPT Image 2 + Codex: or how to make Codex not suck at UI. Step 1: Generate a UI image (native in Codex) Step 2: Get Codex to implement the UI based on it Step 3: Get Codex to iterate until it aligns with the image as much as possible Codex is bad at initial UI, but very good at implementing a reference design, so this is your way out - iterate with the image model first and then Codex will do a good job.

GPT Image 2 + Codex: or how to make Codex not suck at UI. Step 1: Generate a UI image (native in Codex) Step 2: Get Codex to implement the UI based on it Step 3: Get Codex to iterate until it aligns with the image as much as possible Codex is bad at initial UI, but very good at implementing a reference design, so this is your way out - iterate with the image model first and then Codex will do a good job.

Peter Gostev

67,245 views • 5 months ago

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵

Stitch by Google

489,220 views • 6 months ago

Someone vibe coded a fully interactive 3D human anatomy app using GPT-5.6 Sol and Codex, and it started from a single design image. GPT Image 2.0 generated the design. Every organ image was generated from it and converted to 3D models through Tripo AI. Codex took those models, a master prompt and the design image and built the first version. The models were nearly 150MB each and running at 16fps, so Codex optimized everything down to 2 to 5.5MB per model and reduced total assets from 900MB to 28.6MB while keeping the visual quality intact. Codex also generated the anatomical illustrations showing where each organ sits, and created the interactive hotspot markers explaining different parts of every organ. Live and fully open source.

Someone vibe coded a fully interactive 3D human anatomy app using GPT-5.6 Sol and Codex, and it started from a single design image. GPT Image 2.0 generated the design. Every organ image was generated from it and converted to 3D models through Tripo AI. Codex took those models, a master prompt and the design image and built the first version. The models were nearly 150MB each and running at 16fps, so Codex optimized everything down to 2 to 5.5MB per model and reduced total assets from 900MB to 28.6MB while keeping the visual quality intact. Codex also generated the anatomical illustrations showing where each organ sits, and created the interactive hotspot markers explaining different parts of every organ. Live and fully open source.

0xMarioNawfal

57,012 views • 1 month ago

I just recorded the COMPLETE CLAUDE 3D WEB DESIGN Course ❤️‍🔥 Dedicate 1 hour to this. The COMPLETE Claude AI Design Course teaches you to DESIGN and BUILD ANY 3D Game or Website. Those who watch it tonight will wake up tomorrow with a new skill. Watch it and save it to your favorites now.

I just recorded the COMPLETE CLAUDE 3D WEB DESIGN Course ❤️‍🔥 Dedicate 1 hour to this. The COMPLETE Claude AI Design Course teaches you to DESIGN and BUILD ANY 3D Game or Website. Those who watch it tonight will wake up tomorrow with a new skill. Watch it and save it to your favorites now.

Viktor Oddy

209,593 views • 1 month ago

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Om Patel

402,762 views • 5 months ago