Loading video...

Video Failed to Load

Go Home

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon

bbssppllvv's profile picture

Mike Bespalov

13,625 subscribers

239,138 views • 6 months ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)
0:15

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

219,386 views • 6 months ago

Your AI agents can now learn from any website visually. Meet the new HyperSkill. Give it any URL. Opus 4.7 screenshots it and generates a skill your agent can use instantly. Dashboards, charts, layouts, diagrams. Open source. Powered by Hyperbrowser.
0:16

Your AI agents can now learn from any website visually. Meet the new HyperSkill. Give it any URL. Opus 4.7 screenshots it and generates a skill your agent can use instantly. Dashboards, charts, layouts, diagrams. Open source. Powered by Hyperbrowser.

Hyperbrowser

20,575 views • 5 months ago

I was so flabbergasted by this that I built a tool just to convert recipes into this format. Upload any URL, image, or text and get back a neat table that you can paste into sheets or export as PNG. Fully free at ❤️
0:12

I was so flabbergasted by this that I built a tool just to convert recipes into this format. Upload any URL, image, or text and get back a neat table that you can paste into sheets or export as PNG. Fully free at ❤️

Nic0le

456,255 views • 2 months ago

I spend way too much time switching between tools just to get one campaign out. Trying Fetra AI AI made me realize how much of that work can happen in one place. You paste your website, it understands your brand, generates content, and even helps publish it. A few features that stood out 👇
0:11

I spend way too much time switching between tools just to get one campaign out. Trying Fetra AI AI made me realize how much of that work can happen in one place. You paste your website, it understands your brand, generates content, and even helps publish it. A few features that stood out 👇

LX™

40,651 views • 2 months ago

Stop typing “make it look modern”. There are 2,000+ 𝗗𝗘𝗦𝗜𝗚𝗡.𝗺𝗱 files from top products. Colors. Typography. Spacing. Component rules. All packed into a single Markdown file your AI reads before it generates anything. → Works with Claude Code, Cursor, Lovable, Bolt → 100% Free to use Pick a style you like. Drop it in your repo.
0:13

Stop typing “make it look modern”. There are 2,000+ 𝗗𝗘𝗦𝗜𝗚𝗡.𝗺𝗱 files from top products. Colors. Typography. Spacing. Component rules. All packed into a single Markdown file your AI reads before it generates anything. → Works with Claude Code, Cursor, Lovable, Bolt → 100% Free to use Pick a style you like. Drop it in your repo.

Alvaro Cintas

277,716 views • 5 months ago

I built a design MCP server for Claude Code, Codex, and OpenCode. It searches hundreds of beautiful websites and gives your coding agent design inspiration. Launching next week.
0:10

I built a design MCP server for Claude Code, Codex, and OpenCode. It searches hundreds of beautiful websites and gives your coding agent design inspiration. Launching next week.

Hassan

28,328 views • 1 month ago

A fast-paced Korean psychological thriller concept built with cinematic visuals, giant experimental typography, VFX, and AI-driven motion design. I used MiniMax Design to explore an agent-driven creative workflow , turning a story concept into a complete visual direction with dramatic shots, typography, atmosphere, and editing. Dark streets. Heavy rain. One shadow. And a feeling that someone is always right behind you. #MiniMaxH3 #MiniMaxDesign
0:15

A fast-paced Korean psychological thriller concept built with cinematic visuals, giant experimental typography, VFX, and AI-driven motion design. I used MiniMax Design to explore an agent-driven creative workflow , turning a story concept into a complete visual direction with dramatic shots, typography, atmosphere, and editing. Dark streets. Heavy rain. One shadow. And a feeling that someone is always right behind you. #MiniMaxH3 #MiniMaxDesign

Ai Bella

21,429 views • 1 month ago

Extract any website's design system in one line. Colors, fonts, spacing, components. Formatted as a DESIGN .md your AI agents can use instantly. Built on our Fetch API. Fast, accurate, and structured. Powered by Hyperbrowser ↓
0:16

Extract any website's design system in one line. Colors, fonts, spacing, components. Formatted as a DESIGN .md your AI agents can use instantly. Built on our Fetch API. Fast, accurate, and structured. Powered by Hyperbrowser ↓

Hyperbrowser

23,588 views • 5 months ago

You can now clone any website just by writing a prompt. Just paste the website URL and Al agents will instantly create a working clone you can build on top of. 100% open source with major AI models👇
0:17

You can now clone any website just by writing a prompt. Just paste the website URL and Al agents will instantly create a working clone you can build on top of. 100% open source with major AI models👇

Alvaro Cintas

67,108 views • 1 year ago

Claude can make crazy motion videos. Avoiding AI slop still takes careful prompting. Introducing MotionVideo Agent skills that teach your coding agent tasteful motion design. Showreels, intros & launch films from a prompt. Any agent. Any renderer. 🧵
0:15

Claude can make crazy motion videos. Avoiding AI slop still takes careful prompting. Introducing MotionVideo Agent skills that teach your coding agent tasteful motion design. Showreels, intros & launch films from a prompt. Any agent. Any renderer. 🧵

Aniket Pawar

12,354 views • 12 days ago

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.
0:11

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.

Simplifying AI

12,824 views • 2 months ago

Your product deserves better than a boring screenshot or a rushed screen recording. ShipCut turns your SaaS, app, or product update into a polished launch video from a simple prompt. Paste your URL. Describe what you want. Get a video you can actually post. I added a few examples below 👇
0:15

Your product deserves better than a boring screenshot or a rushed screen recording. ShipCut turns your SaaS, app, or product update into a polished launch video from a simple prompt. Paste your URL. Describe what you want. Get a video you can actually post. I added a few examples below 👇

Ech0

1,455,908 views • 4 months ago

your design tool should understand you, and then help you explore more directions than you'd ever go alone launching a new Rivet, coming to you very soon.
0:13

your design tool should understand you, and then help you explore more directions than you'd ever go alone launching a new Rivet, coming to you very soon.

Sam Gorman

20,234 views • 3 months ago

i made an ai agent that will hack any website... reply with urs and i'll drop a vid of the attack no mercy
0:12

Sensitive content

i made an ai agent that will hack any website... reply with urs and i'll drop a vid of the attack no mercy

ruslan

84,202 views • 1 year ago

Someone just built a AI agent that connects to blender and builds full 3d models from a single image.
0:18

Someone just built a AI agent that connects to blender and builds full 3d models from a single image.

Oliver Prompts

53,647 views • 5 months ago

AI DESIGNS LOOK GENERIC BECAUSE THE AI HAS NEVER BEEN TAUGHT REAL COMPOSITION RULES Someone built a free skill that teaches your agents the Müller-Brockmann grid system, the foundation behind modern editorial design, condensed into 162 pages. Your agent stops guessing and starts applying real grid structure, visual hierarchy and typography rules directly in code.
0:18

AI DESIGNS LOOK GENERIC BECAUSE THE AI HAS NEVER BEEN TAUGHT REAL COMPOSITION RULES Someone built a free skill that teaches your agents the Müller-Brockmann grid system, the foundation behind modern editorial design, condensed into 162 pages. Your agent stops guessing and starts applying real grid structure, visual hierarchy and typography rules directly in code.

0xMarioNawfal

40,955 views • 4 months ago

Usually when I save a website URL it's because -I want to save the website design exactly how it is in that point in time -I want to know what frontend/animation trickery they did whether its just raw code or some framework so i made a site where I just drop the url -> get a screenshot + screen recording to capture any animations I found interesting a non-trivial amount of my notion links don't resonate with me due to redesigns and I think this is the simplest fix. Just like my notion list it lives in a browser tab and is still paste->enter->move on
0:16

Usually when I save a website URL it's because -I want to save the website design exactly how it is in that point in time -I want to know what frontend/animation trickery they did whether its just raw code or some framework so i made a site where I just drop the url -> get a screenshot + screen recording to capture any animations I found interesting a non-trivial amount of my notion links don't resonate with me due to redesigns and I think this is the simplest fix. Just like my notion list it lives in a browser tab and is still paste->enter->move on

Sabina

38,649 views • 6 months ago

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )
0:13

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )

Harshil Tomar

84,137 views • 1 month ago

Okay this is wild.... I just made a full-on commercial with Pollo AI's UGC Video Ads Generator. No studio, no crew, no days of rendering. All I did was paste a product URL, upload a model reference to the Pollo Agent, and pick the direction. A few minutes later, I had a UGC-style ad that somehow looks like a TVC ...... polished, cinematic, expensive. One person, one AI.....and it actually works.
0:15

Okay this is wild.... I just made a full-on commercial with Pollo AI's UGC Video Ads Generator. No studio, no crew, no days of rendering. All I did was paste a product URL, upload a model reference to the Pollo Agent, and pick the direction. A few minutes later, I had a UGC-style ad that somehow looks like a TVC ...... polished, cinematic, expensive. One person, one AI.....and it actually works.

Amalia

144,546 views • 2 months ago

I found a site you copy prompts for your motion websites design Here: Copy the prompt and paste on lovable or any ai you use to create websites You are welcome
0:10

I found a site you copy prompts for your motion websites design Here: Copy the prompt and paste on lovable or any ai you use to create websites You are welcome

FHILY👑

33,070 views • 4 months ago