dev-image-to-code

根据UI截图或设计图在现有项目中实现前端页面，或创建一个可独立运行的页面。适用于“UI图生成代码”、“看图写页面”、“根据设计图实现”、“screenshot to code”或“image to code”等需求。保持视觉保真度和控件功能的完整性，并在真实渲染器中验证。不适用于无参考图的重设计。

模型生成摘要（rules/v1 · 2026-11-03 04:22）：根据UI截图或设计图在现有项目中实现前端页面，或创建一个可独立运行的页面
这是模型对公开材料的总结，不是官方声明，请以原链内容为准。

存档时间线

版本	存档时间	内容哈希	内容
v1	2026-11-03 04:22	438a55d3	可取

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

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

提交举报 / 纠错

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