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,161 subscribers

236,026 views • 3 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,087 views • 3 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,244 views • 2 months ago

can your vibe coding tool do this? implement a specific component while actually following your codebase's design system
0:13

can your vibe coding tool do this? implement a specific component while actually following your codebase's design system

Kevin Grajeda

50,212 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

275,819 views • 2 months ago

Introducing design.md files support in Omma. - Create or import your design.md files - Make a design.md from a website link - Use your design.md on your chats to keep consistency in the outputs - Export design.md files
0:14

Introducing design.md files support in Omma. - Create or import your design.md files - Make a design.md from a website link - Use your design.md on your chats to keep consistency in the outputs - Export design.md files

Omma AI

22,036 views • 2 months 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 • 2 months ago

Understanding Accessibility A tool for web designers that explains how to use color, typography and media to create accessible interfaces.
0:14

Understanding Accessibility A tool for web designers that explains how to use color, typography and media to create accessible interfaces.

Nick Babich

142,022 views • 2 years 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

66,979 views • 11 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 • 1 month 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

83,939 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,579 views • 2 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

19,762 views • 19 days 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,418 views • 3 months ago

introducing mesurer a tiny tool to measure spacing and align your UI on localhost npm i mesurer
0:18

introducing mesurer a tiny tool to measure spacing and align your UI on localhost npm i mesurer

Ibelick

229,138 views • 3 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👑

32,453 views • 1 month ago

I built a tool that automatically puts text between your image
0:12

I built a tool that automatically puts text between your image

Aditya

295,940 views • 1 year ago

World's Infinite Color Palate! I found a genius tool that helps designers auto-generate accessible color collections. (By Components AI)
0:14

World's Infinite Color Palate! I found a genius tool that helps designers auto-generate accessible color collections. (By Components AI)

Felix Lee

319,082 views • 3 years ago

i vibecoded a jurassic planet for your ai agents get your agent a dino body
0:18

i vibecoded a jurassic planet for your ai agents get your agent a dino body

aasha

16,819 views • 4 months ago

This 3D "Fern-Style" animation is made 100% With AI - Ai sound effects - Ai motion -Ai scene design We made a tool that does everything for you and generates an entire documentary. You only insert your script and click "generate" Might give access to some people🤫
0:13

This 3D "Fern-Style" animation is made 100% With AI - Ai sound effects - Ai motion -Ai scene design We made a tool that does everything for you and generates an entire documentary. You only insert your script and click "generate" Might give access to some people🤫

North

22,976 views • 3 months ago