ui-replica

当用户要求根据 UI 设计图、产品截图、参考图或视觉稿精准还原前端页面时使用。适用于需要先拆结构化规格稿，再用原生 HTML、CSS 和 ES Modules 实现页面，并通过截图对比逐轮修正偏差的任务，也适用于不规则科技边框、HUD 外框、异形面板轮廓等需要先提取坐标再用 SVG 还原的场景。

模型生成摘要（rules/v1 · 2026-11-01 22:54）：当用户要求根据 UI 设计图、产品截图、参考图或视觉稿精准还原前端页面时使用
这是模型对公开材料的总结，不是官方声明，请以原链内容为准。

存档时间线

版本	存档时间	内容哈希	内容
v1	2026-11-01 22:06	308149c8	可取

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

MCP 鉴权未知

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

截图

原作者：@ZukAi-MCP 来源：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

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

截图

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

SKILL

根据提供的页面布局截图、文案文档（PPT/txt/doc/pdf）及标注文案图片素材，自动生成具备动画效果的响应式H5网页

截图PDF 处理

原作者：user_5b12983f 来源：腾讯 SkillHub、DeepSkill Market 许可：未标注含内容副本 · 可下载存档：v2 · 2026-10-31 hash b7822a98

SKILL

恋爱军师与情绪支持技能

截图

原作者：user_fb7347d8 来源：腾讯 SkillHub、DeepSkill Market 许可：未标注含内容副本 · 可下载存档：v3 · 2026-11-02 hash cc62760e

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

提交举报 / 纠错

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