MD

manavarya09/design-extract

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

4397 stars 369 forks 质量 84 趋势 65MIT

只需一个命令即可提取任何网站的完整设计系统。DTCG 令牌,语义+原始+复合,Claude Code/Cursor/Windsurf 的 MCP 服务器,多平台发射器(iOS SwiftUI,Android......

概览

Atlas Cloud ——支持兼容 OpenAI 的智能分类。对于 AI 编码工作流程,可以尝试 Atlas Cloud 编码计划。Bloome —— 部署你的 AI 克隆体,全天候在云端处理所有受众对话。试试 Bloome 上的 designlang。 指向任意 URL 的无头浏览器,并从实时 DOM 读取设计系统。一个命令会发出 17+ 个文件——DTCG 令牌、Tailwind 配置、shadcn 主题、Figma 变量、motion 令牌、类型组件解剖、品牌声音、页面意图标签,以及适用于 v0 / 可爱 / 光标 / Claude 工件的粘贴提示包。 它也出现在提取器不存在的地方:, , , , a 。 在任何README中放置一个实时设计评分徽章: 不要凭信任去接受输出——相信设计语言。

概述(AI 翻译)

由马纳夫·阿里亚·辛格建造(@Manavarya09年)

赞助商

    

Atlas Cloud ——支持兼容 OpenAI 的智能分类。对于 AI 编码工作流程,可以尝试 Atlas Cloud 编码计划。

Bloome——部署您的AI克隆体,全天候24小时运行于云端,处理所有受众对话。

试试Bloome上的designlang。


designlang 指向无头浏览器对准任意 URL,并从实时 DOM 读取设计系统。一个命令会发出 17+ 个文件——DTCG 令牌、Tailwind 配置、shadcn 主题、Figma 变量、motion 令牌、类型化组件解剖学、品牌声音、页面意图标签,以及适用于 v0 / Lovable / Cursor / Claude Artifact 的粘贴即用提示包。

它也适用于提取器不允许的地方:布局模式,4个断点响应行为,悬停/焦点/活跃状态,WCAG对比评分,多页一致性,与实时真实来源的漂移检查,视觉差异,以及可共享的评分成绩单。

快速开始

在任何README中放置一个实时设计评分徽章:

观看朗读 — 现场直播 Extraction Theatre(v13)

不要凭信仰去接受结果——看着它发生。 继续 Designlang。

本页由 AI 翻译,技术细节请以原文为准。

README

以下为原文 README 节选,完整内容请查看原文。

Built by Manav Arya Singh (@Manavarya09)

Sponsors

    

Atlas Cloud — powers OpenAI-compatible --smart classification. For AI coding workflows, try the Atlas Cloud coding plan.

在 GitHub 查看完整 README

安装

npx designlang https://stripe.com # extract everything
新手?先看 mcpskill.org 教程 →