
只需一个命令即可提取任何网站的完整设计系统。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.
安装
npx designlang https://stripe.com # extract everything