Extract a Full Design System from Any Website via CLI
Use this CLI to extract colors, typography, spacing, components, tokens, and auto-generate DESIGN.md from any website URL.
WTF: This CLI extracts a design system from any website
You just pass a URL, and it pulls out colors, typography, spacing, borders, shadows, components, breakpoints, motion tokens, and even generates DESIGN.md.
Frontend devs, vibe coders, and designers can now close DevTools. And open the terminal.
@PortalToDesign
Comments
Weekly digest
The best of vibe coding, AI agents and open source — once a week, no spam.
Related articles
All articlesGoogle Open-Sources DESIGN.md Spec with Tokens, Components & CLI
Google released a draft DESIGN.md spec on GitHub with tokens, early components, and a CLI validator—enabling cross-platform use and WCAG-aware agents.
Cursor SDK Public Beta: Build and Manage AI Agents with TypeScript
Cursor SDK is now in public beta. Build AI agents on Cursor’s runtime and models, run locally or in Cursor cloud, and use open-source starters.
MagicPath Plugin for Codex: Multi-User Canvas for UI Design & Build
The official MagicPath plugin for Codex enables an unlimited multi-user canvas to design, import UI from repos, and refine interactive interfaces fast.