design-extract logo
design-extract
★ 4.3k
vs
adbfriend logo
adbfriend
★ 76

design-extract vs adbfriend

design-extract:designlang 是一款独特的工具,它通过无头浏览器抓取任何网站,从实时 DOM 中提取全面的计算样式、布局模式、动效语言、组件结构和品牌声音。它能生成超过 17 种不同的输出文件,包括 AI 优化的 Markdown、Tailwind 配置、React 主题和 Figma 变量,从而实现对网站视觉 DNA 的精确捕获和转换。用户可以利用它进行设计系统评分、将代码库与实时网站进行漂移检查,以及对多个 URL 或品牌进行视觉比较。;adbfriend:ADB Friend 是一个通过 ADB 管理 Android 设备的 CLI 工具,提供文件同步、设备测试配置、按模式卸载应用等功能,还包含 MCP 服务器以便与 AI 工具集成。

01

简评

design-extract logo
design-extractDev Tooling · ★ 4.3k

通过从实时网站提取完整设计资产,自动化设计系统的创建和维护。

adbfriend logo
adbfriendDev Tooling · ★ 76

用于开发和测试的 Android 设备管理

02

并排对比

字段
design-extract logodesign-extract
adbfriend logoadbfriend
分类
开发者工具
开发者工具
Stars
★ 4.3k
★ 76
许可证
MIT
Apache-2.0
安装方式
npx designlang <url>
brew tap mikepenz/tap && brew install mikepenz/tap/adbfriend
更新时间
2天前
4天前
开源
是
是
标签
accessibility, agent-skill, 人工智能
adb, 人工智能, Android
03

功能特性

design-extract logodesign-extract
01全面样式提取,包括布局模式、动效语言、组件结构和品牌声音。
02生成超过 17 种多样化的输出文件(例如,AI 优化 Markdown、Tailwind 配置、Figma 变量、W3C 设计令牌)。
03高级设计分析,包括响应式行为捕获、交互状态记录和 WCAG 可访问性评分。
04赋能 AI 的语义提取,用于页面意图、区域角色、视觉 DNA 和组件库检测。
05设计系统操作,如代码库与实时网站的漂移检查、两URL视觉差异对比、多品牌比较和实时站点令牌同步。
adbfriend logoadbfriend
01从电脑同步文件到手机,跳过已存在的文件
02配置设备用于测试(禁用动画、启用触摸等)
03按模式卸载应用
04包管理命令(沉浸式标志、强制停止、清除数据)
05额外工具包括 adb-speed 和 MCP 服务器
04

使用场景

design-extract logodesign-extract
↳通过从实时网站提取完整设计资产,自动化设计系统的创建和维护。
↳通过漂移检查、视觉差异对比和多品牌比较,监控并确保项目或品牌之间的设计一致性。
↳通过向大型语言模型(LLMs)提供结构化的设计数据和提示包,加速 AI 驱动的前端开发以实现逼真的网站重建。
adbfriend logoadbfriend
↳用于开发和测试的 Android 设备管理
↳通过 AI 助手自动执行 ADB 任务(MCP)
↳高效卸载和管理应用
FAQ

常见问题

design-extract 和 adbfriend 有什么区别?
design-extract 和 adbfriend 都属于 Dev Tooling 类别。design-extract 有 4.3k Stars,adbfriend 有 76 Stars。
design-extract 和 adbfriend 哪个更好?
最佳选择取决于你的具体需求。通过从实时网站提取完整设计资产,自动化设计系统的创建和维护。 时选 design-extract,用于开发和测试的 Android 设备管理 时选 adbfriend。
design-extract 是免费的吗?
是的,design-extract 在 GitHub 开源(MIT)。
adbfriend 是免费的吗?
是的,adbfriend 在 GitHub 开源(Apache-2.0)。
推荐云部署
Ad

在 DigitalOcean 上一键部署

为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器,新用户立享 $200 免费额度(60天有效)。

立即领取 $200 免费额度
→

相关链接