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.

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... show more

Ram Maheshwari

2,317 subscribers

31,630 views • 11 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

52,206 views • 1 month ago

i made a skill called /remove-ai-slop. inspired by emil’s review skill and cursor’s code quality skill, it’s for everyone who’s tired of the same AI slop tells in design and copy. you can grab it here: if it helps make your apps, websites, or landing pages a little less generic, give it a ⭐

i made a skill called /remove-ai-slop. inspired by emil’s review skill and cursor’s code quality skill, it’s for everyone who’s tired of the same AI slop tells in design and copy. you can grab it here: if it helps make your apps, websites, or landing pages a little less generic, give it a ⭐

Tushar Mehta

64,682 views • 1 month ago

Hallmark v1.1 is out 🎉 The open source design skill for beautiful UIs. Now with new themes, better designs, more AI slop detectors, and a new mode to drastically redesign apps. Here's what's new: ◆ 4 new themes: Carnival, Lumen, Hum, and Cobalt ◆ Better design: sharper hero headlines & navs, hand-built SVGs and animations, and cleaner type & spacing ◆ New Custom mode: generate a fully custom page from scratch while still passing every anti-slop gate ◆ Tighter catalog: Heard feedback that some themes looked AI generated so we cleaned a bunch of them up Try it today: npx skills add nutlope/hallmark

Hallmark v1.1 is out 🎉 The open source design skill for beautiful UIs. Now with new themes, better designs, more AI slop detectors, and a new mode to drastically redesign apps. Here's what's new: ◆ 4 new themes: Carnival, Lumen, Hum, and Cobalt ◆ Better design: sharper hero headlines & navs, hand-built SVGs and animations, and cleaner type & spacing ◆ New Custom mode: generate a fully custom page from scratch while still passing every anti-slop gate ◆ Tighter catalog: Heard feedback that some themes looked AI generated so we cleaned a bunch of them up Try it today: npx skills add nutlope/hallmark

Hassan

39,192 views • 1 month ago

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 up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

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 up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

James Rochabrun

61,199 views • 1 month ago

WTF... Someone literally built a massive collection of open-source, in-browser tools that require no sign-up to use. 🤯 It includes tools across multiple categories: → Design & Graphics → Development → Productivity → Privacy & Security → AI → Education ...and many more. No accounts. No sign-ups. Just open your browser and start using them :) Follow me for more amazing AI, Coding & Web Dev insights 💎

WTF... Someone literally built a massive collection of open-source, in-browser tools that require no sign-up to use. 🤯 It includes tools across multiple categories: → Design & Graphics → Development → Productivity → Privacy & Security → AI → Education ...and many more. No accounts. No sign-ups. Just open your browser and start using them :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

106,652 views • 10 days ago

Episode 9 of How I AI is all about developing taste, experimenting with aesthetics, and designing with Cursor. elizabeth lin 🦄✨ shows us what a "Cursor-first" design workflow looks like, including: - exploring different design styles - prototyping with sound + interactivity - taking bad AI design and making it good If you're tired of boring, monochrome designs or want to learn the language of good taste, this episode is for you. As always, thanks to our fab sponsors! ❤️ : build apps by simply chatting with AI 🛠️ Retool: AI designed for developers & built for the enterprise

Episode 9 of How I AI is all about developing taste, experimenting with aesthetics, and designing with Cursor. elizabeth lin 🦄✨ shows us what a "Cursor-first" design workflow looks like, including: - exploring different design styles - prototyping with sound + interactivity - taking bad AI design and making it good If you're tired of boring, monochrome designs or want to learn the language of good taste, this episode is for you. As always, thanks to our fab sponsors! ❤️ : build apps by simply chatting with AI 🛠️ Retool: AI designed for developers & built for the enterprise

claire vo 🖤

34,401 views • 1 year ago

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL → get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once → every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. 🔥

Alessia

12,124 views • 3 months ago

Bruh... Creating beautiful software architecture diagrams has never been easier. 🤯 FossFLOW is a free, open-source tool that lets you create professional-looking 3D software and engineering diagrams with hundreds of built-in icons and symbols. Perfect for: → Presentations → Documentation → Tutorials → System design interviews → Content creation If you regularly explain software architecture, this is one of those tools you'll keep coming back to :) Source 🔗: github(DOT)com/stan-smith/FossFLOW Follow me for more amazing AI, Coding & Web Dev insights 💎

Bruh... Creating beautiful software architecture diagrams has never been easier. 🤯 FossFLOW is a free, open-source tool that lets you create professional-looking 3D software and engineering diagrams with hundreds of built-in icons and symbols. Perfect for: → Presentations → Documentation → Tutorials → System design interviews → Content creation If you regularly explain software architecture, this is one of those tools you'll keep coming back to :) Source 🔗: github(DOT)com/stan-smith/FossFLOW Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

65,806 views • 12 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 • 2 months 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

398,654 views • 3 months ago

Want to create beautiful, high-converting landing pages like this without spending days in Figma or Webflow? Here's my AI-first workflow: Start with Claude Have Claude interview you about the product, audience, positioning, features, concerns and tradeoffs using this prompt: "Create me a plan file for [Product Idea] and interview me in detail using the AskUserQuestionTool about literally anything: technical implementation, UI & UX, concerns, tradeoffs, etc." Turn the plan into a prototype Use the plan file to generate a working prototype and pull inspiration, layouts and motion ideas from Generate the landing page in code Skip static mockups and build directly in the browser. Run a design review Use the Design Review skill to identify hierarchy, spacing, branding, usability and accessibility issues. Iterate relentlessly Keep refining until it feels designed and polished, not generated. The future isn't designers vs AI. It's builders with great taste using AI as leverage. Anyone can generate. Taste is the moat. Follow for more AI design and vibe coding workflows. And if you want more practical systems like this, my book 'Think. Prompt. Create.' is available now on Amazon

Want to create beautiful, high-converting landing pages like this without spending days in Figma or Webflow? Here's my AI-first workflow: Start with Claude Have Claude interview you about the product, audience, positioning, features, concerns and tradeoffs using this prompt: "Create me a plan file for [Product Idea] and interview me in detail using the AskUserQuestionTool about literally anything: technical implementation, UI & UX, concerns, tradeoffs, etc." Turn the plan into a prototype Use the plan file to generate a working prototype and pull inspiration, layouts and motion ideas from Generate the landing page in code Skip static mockups and build directly in the browser. Run a design review Use the Design Review skill to identify hierarchy, spacing, branding, usability and accessibility issues. Iterate relentlessly Keep refining until it feels designed and polished, not generated. The future isn't designers vs AI. It's builders with great taste using AI as leverage. Anyone can generate. Taste is the moat. Follow for more AI design and vibe coding workflows. And if you want more practical systems like this, my book 'Think. Prompt. Create.' is available now on Amazon

Joey Primiani

471,049 views • 1 month ago

This is the future of web design. Gamma 3.0 has just been released, and I used it to create a complete website from a URL in seconds. No prompts. No code. No input. Their new AI agent will design, review, fix, and iterate on your content. The best part: you can watch it in real-time as it builds your website! This is pretty amazing! There are many AI design agents out there, but this one is one of the most hands-off tools I've seen. This is incredible.

This is the future of web design. Gamma 3.0 has just been released, and I used it to create a complete website from a URL in seconds. No prompts. No code. No input. Their new AI agent will design, review, fix, and iterate on your content. The best part: you can watch it in real-time as it builds your website! This is pretty amazing! There are many AI design agents out there, but this one is one of the most hands-off tools I've seen. This is incredible.

Santiago

39,140 views • 10 months ago

How is the Web changing due to AI? This visit to TinyFish yesterday goes deeply into just how. TinyFish makes a new kind of web browser. One that is started virtually. It is like a Google Chrome in the cloud. But it is very smart, can read and use any website, and your AI agents can talk to it. Here we talk about what it all means for business and the future of robots, brain computer interfaces, and AI glasses. It lets you build systems that can look at MANY websites at the same time and build new kinds of apps to do all sorts of new things.

How is the Web changing due to AI? This visit to TinyFish yesterday goes deeply into just how. TinyFish makes a new kind of web browser. One that is started virtually. It is like a Google Chrome in the cloud. But it is very smart, can read and use any website, and your AI agents can talk to it. Here we talk about what it all means for business and the future of robots, brain computer interfaces, and AI glasses. It lets you build systems that can look at MANY websites at the same time and build new kinds of apps to do all sorts of new things.

Robert Scoble

16,341 views • 7 months ago

Imagine being able to copy any website’s design in seconds 👀 Someone gave Claude Code this superpower: → Built an MCP that reads a site’s HTML/CSS → Pulls out the colors, fonts, layouts, and components → Recreates the UI so you can remix it Find a design you like. Grab the structure. Add your own style. Building clean UIs just got way easier 🚀 Follow Bethany Hyde for more AI & coding tips ⚡

Imagine being able to copy any website’s design in seconds 👀 Someone gave Claude Code this superpower: → Built an MCP that reads a site’s HTML/CSS → Pulls out the colors, fonts, layouts, and components → Recreates the UI so you can remix it Find a design you like. Grab the structure. Add your own style. Building clean UIs just got way easier 🚀 Follow Bethany Hyde for more AI & coding tips ⚡

Bethany Hyde

209,583 views • 1 month ago

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:

claire vo 🖤

92,220 views • 2 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

324,864 views • 2 months ago

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

Tommy Geoco

22,905 views • 9 months ago

how to use Google's NEW open source Design.md + AI Skills to make your startup look like a $100 million company in 1 hour: 1. Design.md is an open source file from Google that captures the soul of a design. Typography, colors, spacing, all in one markdown file. You attach it to your prompt and your agent builds beautiful things every time. 2. Think of it this way. The HTML is the finished dish. The design.md is the recipe. The skills are the ingredients. Put them together and everything you build looks consistent and professional. 3. Don't create a design system from scratch. Find a brand you love. Linear, Stripe, Vercel, whatever resonates. Study it. Use ChatGPT or Claude to help you extract the design language into your own design.md file. 4. Build skills on top of your design.md. A landing page skill. A mobile app skill. A motion design skill. A slide deck skill. Each one references the same design.md so everything looks like it came from the same designer. 5. The biggest mistake people make: they nail one screen and then everything else looks generic. Design.md solves this. One file keeps every page, every format, every medium consistent. 6. Use it across everything. Your landing page. Your app. Your pitch deck. Your promo videos. Same DNA. Same taste. Same system. That's what separates a startup that looks real from one that looks vibe-coded. 7. Build a second brain for design inspiration. When you see something beautiful in the real world or online, capture it. Save it. When you're building something new, reference it. Taste is developed, not downloaded. 8. It's obvious but the difference between a product people trust and a product people bounce from is how it looks and feels. Design.md gives you that edge. you can watch below shoutout to Meng To for coming on The Startup Ideas Podcast (SIP) 🧃 and walking through his full workflow. if you want to use AI to actually build gorgeous designs, you'll want to use see this. watch

GREG ISENBERG

506,491 views • 2 months ago

some advice for designing tools in the age of ai: 1. embrace ambiguity — ai tools work best when you're comfortable with not having full control. leave room for emergence and surprise. 2. focus on the human-ai collaboration model — design the interaction patterns, not just the outputs. what's the back-and-forth like? how do humans guide the ai? 3. design for iteration, not perfection — ai outputs are rarely perfect the first time. design systems that make refinement natural and easy. 4. think in systems, not features — ai changes fast, so build adaptable foundations rather than specific implementations that will break. 5. protect against the uncanny valley — either make it obviously ai-generated or indistinguishable from human work. the middle ground feels weird. 6. consider the invisible costs — ai has computational, environmental, and social costs that aren't immediately visible but matter. 7. design for augmentation, not replacement — the best ai tools make humans more capable rather than trying to replace them. 8. build in feedback loops — systems that learn from user interactions get better over time. the thing is, we're all figuring this out together. the design patterns for ai are still being invented. it's like the early web days — exciting, messy, and full of possibilities.

some advice for designing tools in the age of ai: 1. embrace ambiguity — ai tools work best when you're comfortable with not having full control. leave room for emergence and surprise. 2. focus on the human-ai collaboration model — design the interaction patterns, not just the outputs. what's the back-and-forth like? how do humans guide the ai? 3. design for iteration, not perfection — ai outputs are rarely perfect the first time. design systems that make refinement natural and easy. 4. think in systems, not features — ai changes fast, so build adaptable foundations rather than specific implementations that will break. 5. protect against the uncanny valley — either make it obviously ai-generated or indistinguishable from human work. the middle ground feels weird. 6. consider the invisible costs — ai has computational, environmental, and social costs that aren't immediately visible but matter. 7. design for augmentation, not replacement — the best ai tools make humans more capable rather than trying to replace them. 8. build in feedback loops — systems that learn from user interactions get better over time. the thing is, we're all figuring this out together. the design patterns for ai are still being invented. it's like the early web days — exciting, messy, and full of possibilities.

Ryo Lu

30,781 views • 1 year ago

If you’ve never written code before, this is for you. I’ve just launched a course that shows you, in less than 30 minutes, how to describe an idea for an app and build it with AI. In this course, you'll build a working web application - a funny interactive birthday message generator that runs in your browser and can be shared with friends. You'll customize it by telling AI how you want it changed, and tweak it until it works the way you want. By the end, you'll have a repeatable process you can apply to build a wide variety of applications. If you want to try vibe coding, this will be the best place to start! Further, you'll be able to use these techniques with whatever tool you're most comfortable with (like ChatGPT, Gemini, Claude, or others) -- we're vendor neutral. Skills you'll gain: - How to build web apps with AI - zero coding skills needed - How to fix and improve your creations by chatting with AI - A simple process you can use to build other things you can dream up Building with AI is one of the most fun things in the world. Please join me and take your first step! I think you will be surprised at what you can build. And if you're an experienced engineer, please share this with someone in your life who's been curious about building with AI. Come build with me!

If you’ve never written code before, this is for you. I’ve just launched a course that shows you, in less than 30 minutes, how to describe an idea for an app and build it with AI. In this course, you'll build a working web application - a funny interactive birthday message generator that runs in your browser and can be shared with friends. You'll customize it by telling AI how you want it changed, and tweak it until it works the way you want. By the end, you'll have a repeatable process you can apply to build a wide variety of applications. If you want to try vibe coding, this will be the best place to start! Further, you'll be able to use these techniques with whatever tool you're most comfortable with (like ChatGPT, Gemini, Claude, or others) -- we're vendor neutral. Skills you'll gain: - How to build web apps with AI - zero coding skills needed - How to fix and improve your creations by chatting with AI - A simple process you can use to build other things you can dream up Building with AI is one of the most fun things in the world. Please join me and take your first step! I think you will be surprised at what you can build. And if you're an experienced engineer, please share this with someone in your life who's been curious about building with AI. Come build with me!

Andrew Ng

636,161 views • 6 months ago