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.

Agents make ugly UIs because they've never seen good design. We've been fixing that, 2,000 DESIGN.md files from the world's best products, structured for a model to read and learn. Colors, type, spacing, layouts and more. Free.

Mike Bespalov

13,184 subscribers

1,576,508 views • 4 months ago •via X (Twitter)

Arts 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

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 • 3 months ago

Releasing More than a hundred design.md to choose from for free with desktop and mobile previews, kitchen sink design system samples, filters by category and search. Also accesible through the CLI `npx designdotmd add gym-kettlebell`.

Releasing More than a hundred design.md to choose from for free with desktop and mobile previews, kitchen sink design system samples, filters by category and search. Also accesible through the CLI `npx designdotmd add gym-kettlebell`.

RO

186,685 views • 4 months ago

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇

divyansh tiwari

78,201 views • 3 months ago

Just added DeepSeek-Engineer on Github 🐋 Wanted to test the API, so I created a quick coding assistant that can read, create, and diff edit files using structured outputs. It's very simple and minimal, and a good foundation if you want to learn how coding assistants work!

Just added DeepSeek-Engineer on Github 🐋 Wanted to test the API, so I created a quick coding assistant that can read, create, and diff edit files using structured outputs. It's very simple and minimal, and a good foundation if you want to learn how coding assistants work!

Pietro Schirano

73,503 views • 1 year ago

Trump: "Mexico and Canada have never been good to us on trade. They've treated us very unfairly on trade. And we will be able to make that up very quickly because we don't need the products that they have. We have all the oil you need. We have all the trees you need, meaning the lumber."

Trump: "Mexico and Canada have never been good to us on trade. They've treated us very unfairly on trade. And we will be able to make that up very quickly because we don't need the products that they have. We have all the oil you need. We have all the trees you need, meaning the lumber."

Aaron Rupar

7,018,967 views • 1 year ago

Sharing our latest short course: Building and Evaluating Data Agents, created in collaboration with Snowflake and taught by Anupam Datta (Anupam Datta) and Josh Reini (Josh Reini). A data agent extracts data from sources such as files or databases, analyzes it, and provides insights and visualizes its findings. But most data agents struggle with reliability or can't handle multi-step reasoning. In this course, you'll learn to build, trace, and evaluate a multi-agent workflow that plans tasks, pulls context from structured and unstructured data, performs web search, and summarizes or visualizes the final results. Learn more and enroll for free!

Sharing our latest short course: Building and Evaluating Data Agents, created in collaboration with Snowflake and taught by Anupam Datta (Anupam Datta) and Josh Reini (Josh Reini). A data agent extracts data from sources such as files or databases, analyzes it, and provides insights and visualizes its findings. But most data agents struggle with reliability or can't handle multi-step reasoning. In this course, you'll learn to build, trace, and evaluate a multi-agent workflow that plans tasks, pulls context from structured and unstructured data, performs web search, and summarizes or visualizes the final results. Learn more and enroll for free!

DeepLearning.AI

40,867 views • 11 months ago

LLMOps, a new course with @GoogleCloud is available now. Learn Large Language Model Operations (LLMOps) best practices as you design and automate the steps to tune an LLM for a specific task and deploy it as a callable API. Learn more and enroll now:

LLMOps, a new course with @GoogleCloud is available now. Learn Large Language Model Operations (LLMOps) best practices as you design and automate the steps to tune an LLM for a specific task and deploy it as a callable API. Learn more and enroll now:

DeepLearning.AI

33,717 views • 2 years 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

509,941 views • 3 months ago

The WorkOS brand design team has been heads down working for the past months. Here's a glimpse of what we've been up to ✨ Can't wait to share more details and BTS soon! Make sure to follow @MitchRymeski, my design partner in crime on these projects, for design insights.

Moritz Petersen

19,141 views • 1 year ago

$Gary is as usual completely out of depth on this subject. For the last 10+ years we've seen automakers working with Nvidia, and we've seen the products they've come out with. They've been total garbage. While non-technical analysts like Gary continue to insist that "the competition is coming", Tesla remains the only product that I can actually buy to automate my day to day drives. Look past the marketing & hype and what investors are not being told is that there is no solution like FSD in the market. There is no competing product I can buy. FSD drives better and more smoothly than any other system, with a cost structure that is a fraction of anyone else. Tesla does more with less, and nobody else comes close. Let's stop trying to pretend this is an equal competition. We've seen Tesla's products and we've seen legacy auto's. Nvidia chips are fantastic, but it is absolutely naive to think that simply buying a car computer is enough to get you safer than human self-driving & autonomous robots.$

Gary is as usual completely out of depth on this subject. For the last 10+ years we've seen automakers working with Nvidia, and we've seen the products they've come out with. They've been total garbage. While non-technical analysts like Gary continue to insist that "the competition is coming", Tesla remains the only product that I can actually buy to automate my day to day drives. Look past the marketing & hype and what investors are not being told is that there is no solution like FSD in the market. There is no competing product I can buy. FSD drives better and more smoothly than any other system, with a cost structure that is a fraction of anyone else. Tesla does more with less, and nobody else comes close. Let's stop trying to pretend this is an equal competition. We've seen Tesla's products and we've seen legacy auto's. Nvidia chips are fantastic, but it is absolutely naive to think that simply buying a car computer is enough to get you safer than human self-driving & autonomous robots.

Whole Mars Catalog

266,435 views • 1 year ago

DESIGN.md is how we work with agents now, but a text file is a terrible way for a human to make a visual decision. So we built our preview to give some of that control back: edit the file as text or pick colors visually, and the two stay in sync. And swatches sit on the actual light and dark backgrounds because color only means something in the context you'll see it in.

DESIGN.md is how we work with agents now, but a text file is a terrible way for a human to make a visual decision. So we built our preview to give some of that control back: edit the file as text or pick colors visually, and the two stay in sync. And swatches sit on the actual light and dark backgrounds because color only means something in the context you'll see it in.

Chloe Park

86,462 views • 2 months ago

TONY LYONS: There can't be any medical mandates in this country. We need total medical freedom. We know that these companies have been out to get us, that they've been engineering food to make us addicted to it. They've been telling us that real food, that meat, fish, eggs, whole milk that those things are dangerous, and that, you know, ultra-processed food, those are safe. So we've been lied to at such an epic level. We were told that, that these pharmaceutical products are the best thing for our children. Skyhorse Publishing

TONY LYONS: There can't be any medical mandates in this country. We need total medical freedom. We know that these companies have been out to get us, that they've been engineering food to make us addicted to it. They've been telling us that real food, that meat, fish, eggs, whole milk that those things are dangerous, and that, you know, ultra-processed food, those are safe. So we've been lied to at such an epic level. We were told that, that these pharmaceutical products are the best thing for our children. Skyhorse Publishing

Bannon’s WarRoom

10,263 views • 22 days ago

AI didn't make code cheap. it made bad code lethal. Matt Pocock: "Software fundamentals matter more than ever" AI in a good codebase ships gold. AI in a bad codebase ships garbage. framework mastery doesn't compound. fundamentals do. if you're starting with AI agents, build these 5 patterns before anything else: > Tool Use Design Pattern. tool calling is the core of every useful agent. > Agentic RAG. grounded answers over hallucination. maps to real products. > Planning Design Pattern. agents that break a goal into steps before acting. > Multi-Agent Design Pattern. orchestrator-subagent is the only shape that ships in production. > Building Trustworthy AI Agents. reliability, safety, knowing when not to use one. this article covers what to learn, build, and skip in AI agents in 2026. bookmark and read this today. repo with 500 more in comments

AI didn't make code cheap. it made bad code lethal. Matt Pocock: "Software fundamentals matter more than ever" AI in a good codebase ships gold. AI in a bad codebase ships garbage. framework mastery doesn't compound. fundamentals do. if you're starting with AI agents, build these 5 patterns before anything else: > Tool Use Design Pattern. tool calling is the core of every useful agent. > Agentic RAG. grounded answers over hallucination. maps to real products. > Planning Design Pattern. agents that break a goal into steps before acting. > Multi-Agent Design Pattern. orchestrator-subagent is the only shape that ships in production. > Building Trustworthy AI Agents. reliability, safety, knowing when not to use one. this article covers what to learn, build, and skip in AI agents in 2026. bookmark and read this today. repo with 500 more in comments

Rohit

28,332 views • 3 months ago

This powerful device is more or less the size of a smartphone. It can power a house, and do much more than that. This has been available for decades. They've been hiding this, and other Free Energy inventions, because they want you to be dependent on their parasitic system.

This powerful device is more or less the size of a smartphone. It can power a house, and do much more than that. This has been available for decades. They've been hiding this, and other Free Energy inventions, because they want you to be dependent on their parasitic system.

Antonello Bacchetti

16,586 views • 3 months ago

WE COULD NOT BELIEVE IT WHEN WE SAW THIS We were curious about Kimi K3's massive jump in consumed thinking tokens After taking a closer look, we found that Kimi K3 devotes 10x more thinking tokens to coding during reasoning than any other model we've seen before Not only that, but it has basically memorized all of the image IDs from Unsplash and, without a web search tool call, can reason about images with a higher accuracy than we've seen from any other model The image and video below are visualizations of its (very long) thinking trace for single-turn generation The resulting website selects images with greater relevance and accuracy than we've ever seen on DesignArena Forgive my all-caps heading, but I am excited about this and wanted you to read it too bc this is pretty gnarly Huge congratulations to the Kimi.ai team for this breakthrough and becoming the 1st-place model on Design Arena!

WE COULD NOT BELIEVE IT WHEN WE SAW THIS We were curious about Kimi K3's massive jump in consumed thinking tokens After taking a closer look, we found that Kimi K3 devotes 10x more thinking tokens to coding during reasoning than any other model we've seen before Not only that, but it has basically memorized all of the image IDs from Unsplash and, without a web search tool call, can reason about images with a higher accuracy than we've seen from any other model The image and video below are visualizations of its (very long) thinking trace for single-turn generation The resulting website selects images with greater relevance and accuracy than we've ever seen on DesignArena Forgive my all-caps heading, but I am excited about this and wanted you to read it too bc this is pretty gnarly Huge congratulations to the Kimi.ai team for this breakthrough and becoming the 1st-place model on Design Arena!

Grace Li

58,177 views • 1 month ago