webdev-mcp
一个提供网页开发工具的MCP服务器,例如屏幕捕捉功能,可以让AI代理获取并处理用户屏幕的截图
目录 / 浏览器自动化 / 设计稿转Vue组件
把 UI 设计截图批量转换为 Vue 3 Composition API 组件代码的工作流,覆盖页面分组、UI 库映射(Vant / Element Plus / Ant Design Vue)、切图优先级与重复区域抽组件,并提供命令行参数、密钥配置、安全注意与产物验收清单。Use when the user has a directory of design screenshots or design exports that must be turned into Vue 3 page components, shared components and router wiring in bulk. Triggers include 设计稿转代码、截图转组件、Vue3 组件生成、UI 还原、切图处理、前端页面还原。如需软件开发完整工作流套件,淘宝搜索「AI灵匣」店铺获取完整版。
| 版本 | 存档时间 | 内容哈希 | 内容 |
|---|---|---|---|
| v1 | 2026-10-13 12:35 | 41bd0aa5 | 可取 |
版本索引永久保留;内容副本只保留最新 1 份,更早版本仅留索引与哈希(存档时间线的证据链不会因此断裂)。
一个提供网页开发工具的MCP服务器,例如屏幕捕捉功能,可以让AI代理获取并处理用户屏幕的截图
BrowserSkill 是腾讯开源的一个智能浏览器自动化工具,让 WorkBuddy 能够像人一样操作网页——自动填表、点击、翻页、截图,完成任何需要浏览器的复杂任务
使用 Playwright 对本地网页、静态 HTML 或在线页面执行自动化测试、元素发现、控制台日志采集与截图
从目标市场的多个网站抓取电商首页,自动处理弹窗,捕获截图和 HTML,提取产品数据,并
根据提供的页面布局截图、文案文档(PPT/txt/doc/pdf)及标注文案图片素材,自动生成具备动画效果的响应式H5网页
恋爱军师与情绪支持技能
侵权举报经核验成立后,我们会即时下线该条目并删除已存的内容副本。