Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

237,660 Aufrufe • vor 4 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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,245 Aufrufe • vor 5 Monaten

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,518 Aufrufe • vor 4 Monaten

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

447,346 Aufrufe • vor 29 Tagen

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 Aufrufe • vor 21 Tagen

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,155 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 3 Monaten

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,053 Aufrufe • vor 1 Jahr

THIS TOOL CLONES ANY WEBSITE WITH ONE COMMAND. JCodesMore cloner app just hit 31,200 stars / > Grabs every design token, colors, fonts, spacing, exact pixel values > Screenshots and maps every section before writing a line of code > Splits the rebuild across parallel AI agents working at once > Outputs clean Next.js and Tailwind, nothing scraped or broken Works with 10+ coding agents, best results with Claude Code You give it a URL. It gives you back a codebase you can actually ship.
0:18

THIS TOOL CLONES ANY WEBSITE WITH ONE COMMAND. JCodesMore cloner app just hit 31,200 stars / > Grabs every design token, colors, fonts, spacing, exact pixel values > Screenshots and maps every section before writing a line of code > Splits the rebuild across parallel AI agents working at once > Outputs clean Next.js and Tailwind, nothing scraped or broken Works with 10+ coding agents, best results with Claude Code You give it a URL. It gives you back a codebase you can actually ship.

Defileo🔮

33,341 Aufrufe • vor 19 Tagen

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Monat

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

23,379 Aufrufe • vor 4 Monaten

ever get tired of scrolling away your brain cells? i built a website that redirects you to a random banger every day.
0:12

ever get tired of scrolling away your brain cells? i built a website that redirects you to a random banger every day.

Jay Alto

11,372 Aufrufe • vor 3 Monaten

Impeccable 3.7 brings linting to design. Until now it was a skill you asked for help. Now it's a design-system-aware feedback loop that runs while your agent builds, catching slop and design drift before they land. 🪝 Design hooks for Claude, Codex, and Cursor They run after every UI edit and quietly nudge your agent to fix slop and drift. The output isn't another wall of lint: it separates new findings from already-seen ones, flags clean scans, and asks the agent to use judgment. Fix real issues, leave intentional demos alone, save exceptions to config instead of littering your source. 🎨 Slop detection is now project-aware Reads your actual design system from DESIGN.md, your typography, palette, radius scale, and tokens, and flags drift from your system, not just generic AI slop: • this font isn't in your design system • this color is outside your documented palette • this radius doesn't match your rounded scale The same engine powers both the hooks and the CLI, and it's where we're investing next. 🖥️ Live Mode, ready for real projects Svelte/SvelteKit now preview variants as temporary framework components with live params, then accept cleanly back into your source component. Manual text edits got evidence / apply / discard routes, insertions preserve their anchors, and mapped lists and JSX slots clean up far more reliably. ⚡ Leaner core, sharper detector Rule-level evals across 3 providers and 4 niches cut guidance with no measurable lift and dropped examples that taught models bad patterns. The detector now skips hidden and screen-reader-only elements, understands OKLCH alpha and Sass-like inputs, and tightened checks for repeated kickers, oversized H1s, clipped overflow, and cramped padding. 🛠️ CLI caught up impeccable detect loads DESIGN.md by default, motion findings name the exact token or cubic-bezier instead of just "bounce," and impeccable ignores gives real CRUD for exceptions. Hooks and CLI share the same ignores. No split-brain config. Plus a much-improved interactive installer with hooks setup built in. Upgrade: npx impeccable install npm i -g impeccable
0:12

Impeccable 3.7 brings linting to design. Until now it was a skill you asked for help. Now it's a design-system-aware feedback loop that runs while your agent builds, catching slop and design drift before they land. 🪝 Design hooks for Claude, Codex, and Cursor They run after every UI edit and quietly nudge your agent to fix slop and drift. The output isn't another wall of lint: it separates new findings from already-seen ones, flags clean scans, and asks the agent to use judgment. Fix real issues, leave intentional demos alone, save exceptions to config instead of littering your source. 🎨 Slop detection is now project-aware Reads your actual design system from DESIGN.md, your typography, palette, radius scale, and tokens, and flags drift from your system, not just generic AI slop: • this font isn't in your design system • this color is outside your documented palette • this radius doesn't match your rounded scale The same engine powers both the hooks and the CLI, and it's where we're investing next. 🖥️ Live Mode, ready for real projects Svelte/SvelteKit now preview variants as temporary framework components with live params, then accept cleanly back into your source component. Manual text edits got evidence / apply / discard routes, insertions preserve their anchors, and mapped lists and JSX slots clean up far more reliably. ⚡ Leaner core, sharper detector Rule-level evals across 3 providers and 4 niches cut guidance with no measurable lift and dropped examples that taught models bad patterns. The detector now skips hidden and screen-reader-only elements, understands OKLCH alpha and Sass-like inputs, and tightened checks for repeated kickers, oversized H1s, clipped overflow, and cramped padding. 🛠️ CLI caught up impeccable detect loads DESIGN.md by default, motion findings name the exact token or cubic-bezier instead of just "bounce," and impeccable ignores gives real CRUD for exceptions. Hooks and CLI share the same ignores. No split-brain config. Plus a much-improved interactive installer with hooks setup built in. Upgrade: npx impeccable install npm i -g impeccable

Impeccable

232,003 Aufrufe • vor 2 Monaten