Paste a URL. Get a DESIGN. md

Find the open-source code here:

Bro, the site is down

@grok can you solve this

@localhoist Sure, the HYPERDESIGN site is down but I got you. Paste any URL and I’ll extract the full DESIGN.md — colors, typography, spacing, viewport captures, and design language — just like the demo. What site?

@tranmautritam @localhoist There goes the moat

@tranmautritam @localhoist Ask Grok is currently available to Premium and Premium+ subscribers only. Subscribe to unlock this feature:

👀 For the sake of clarity, an API key is required. The referenced repository contains only examples, not a full application. That's the website behind:

its not working for me (localhost:3000)

All the design files:

Why would anyone pay fot this, you can just give te URTL to any LLM and it ll give you the design

This is what I came up with using this, opus 4.7, GPT Images 2.0

This is Gold 🤌

smart

Extracting a clean DESIGN.md from a live URL is the kind of utility that quietly replaces an entire Figma plugin category. Bonus: it gives designers a pattern they can paste directly into a coding agent — closing the design-to-code loop without anyone having to talk about "synergy."

link?

You’re really good at building demo videos

URL → full design system in seconds… frontend just got a cheat code 🎯🔥

Genuinely one of the most useful design tools this year—extracting colors, typography and spacing from any URL in one file is brilliant. 🙌 Pair it with the right Claude prompts and your workflow is complete. I compiled 6 free graphic design prompts here:

huge, would have killed for this on every audit

@Manuellabubakar oh nice

...

Isn't it ILLEGAL?

After getting design, if you wanna know how much that website cost to build, enter url here:

URL please

This looks really great, thanks for making it open source

Pase a URL. Get a SKILL.md And yes, this one is free, forever, running in the browser, BYO key.

@sumitdotme

We just jacking sites now via ai… coo coo

@hyperbrowser sounds like the claude design skill :)

Paste a URL. Get a DESIGN.md. @hyperbrowser just shipped a tool that extracts a complete design system from any website. Colors, fonts, spacing, components. All visually parsed and structured into a markdown file you can drop into Claude Code, Cursor, or any AI coding tool. Powered by Opus 4.7. Every AI coding workflow today hits the same wall: the AI generates technically correct code that visually doesn't match the existing codebase. Two buttons, both functional, but one looks like it belongs and the other looks like it was generated by an AI. The gap is the design system context. Without explicit colors, spacing scales, typography rules, and component patterns, the AI defaults to generic Tailwind output. With those rules baked into the prompt, the AI generates code that ships without redesign. HyperDesign extracts that context automatically. This is the kind of tool that compresses a multi-day onboarding process into 30 seconds. A new developer joining a team used to spend a week reading design files. Now they paste the URL of the company's existing site, get a structured DESIGN.md, and start shipping AI-assisted code that matches the brand from day one. Code generation is solved. The frontier is now context generation. Tools that auto-extract codebase patterns, design systems, API contracts, and team conventions are about to become more valuable than the AI models themselves. If you ship AI-generated UI work in 2026 and you're not extracting the design system into your context, you're shipping output that obviously didn't come from a human teammate.

nice

sick!!