design-spec-extraction

从视觉来源中提取全面的JSON设计规范，包括Figma导出、UI模型图、屏幕截图或实时网站捕获。生成符合W3C DTCG标准的输出，包含组件树，适用于代码生成、设计文档和技术交接。

模型生成摘要（rules/v1 · 2026-11-01 02:28）：从视觉来源中提取全面的JSON设计规范，包括Figma导出、UI模型图、屏幕截图或实时网站捕获
这是模型对公开材料的总结，不是官方声明，请以原链内容为准。

存档时间线

版本	存档时间	内容哈希	内容
v1	2026-10-31 20:18	88cf7124	可取

版本索引永久保留；内容副本只保留最新 1 份，更早版本仅留索引与哈希（存档时间线的证据链不会因此断裂）。

MCP 鉴权未知

一个提供网页开发工具的MCP服务器，例如屏幕捕捉功能，可以让AI代理获取并处理用户屏幕的截图

截图

原作者：@ZukAi-MCP 来源：ModelScope MCP 仅卡片存档

MCP 需 API Key

通过模型上下文协议，使 AI 能够访问 Figma 文件，从而增强其准确解释和利用设计数据进行代码生成的能力

代码生成

原作者：@GLips 来源：ModelScope MCP 仅卡片存档

SKILL

BrowserSkill 是腾讯开源的一个智能浏览器自动化工具，让 WorkBuddy 能够像人一样操作网页——自动填表、点击、翻页、截图，完成任何需要浏览器的复杂任务

截图

原作者：tencent-adm 来源：腾讯 SkillHub 许可：未标注含内容副本 · 可下载存档：v2 · 2026-09-23 hash d42047de

SKILL

使用 Playwright 对本地网页、静态 HTML 或在线页面执行自动化测试、元素发现、控制台日志采集与截图

Playwright截图

原作者：carpedx 来源：腾讯 SkillHub 许可：MIT-0 含内容副本 · 可下载存档：v1 · 2026-09-21 hash a1b5c5d3

SKILL

Code 是一款专注于编码工作流的技能，提供从规划、实现、验证到测试的全流程支持，帮助开发者交付高质量、干净的代码

代码生成

原作者：ivangdavila 来源：腾讯 SkillHub、DeepSkill Market 许可：Proprietary 含内容副本 · 可下载存档：v2 · 2026-10-31 hash 474ba00c

SKILL

从目标市场的多个网站抓取电商首页，自动处理弹窗，捕获截图和 HTML，提取产品数据，并

截图

原作者：nepp-an 来源：腾讯 SkillHub、DeepSkill Market 许可：MIT-0 含内容副本 · 可下载存档：v2 · 2026-11-04 hash 5ab514e2

纠错与举报（发现条目失效、署名有误或涉及侵权？）

提交举报 / 纠错

侵权举报经核验成立后，我们会即时下线该条目并删除已存的内容副本。