prototype-to-ui-spec

分析高保真产品原型、线框图或 UI 截图，并将其转化为可供前端工程师直接实施的 UI 规范。当 Codex 需要读取一个或多个原型图像，推断页面结构和交互行为，并输出涵盖布局、组件、状态、视觉标记、响应式行为以及开发说明的具体设计规范时，使用此功能。前端团队可基于此规范直接进行开发。

模型生成摘要（rules/v1 · 2026-11-13 14:15）：分析高保真产品原型、线框图或 UI 截图，并将其转化为可供前端工程师直接实施的 UI 规范
这是模型对公开材料的总结，不是官方声明，请以原链内容为准。

存档时间线

版本	存档时间	内容哈希	内容
v1	2026-11-13 14:15	dfbc5108	可取

版本索引永久保留；内容副本只保留最新 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

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

提交举报 / 纠错

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