webdev-mcp
一个提供网页开发工具的MCP服务器,例如屏幕捕捉功能,可以让AI代理获取并处理用户屏幕的截图
目录 / 开发工具 / 代码生成操作手册转换器
从项目前后端代码逆向生成【截图式业务操作手册】——按真实业务流程组织、面向一线业务/运营/客服人员,每个操作配 Mermaid 流程图 + 还原界面示意图(SVG 线框图,真实图片文件)+ 字段表格说明,零运行依赖即可出图。与生成 PRD/HLD/分析型文档的 code-to-doc-generator 不同,本 skill 专做『点哪里、填什么、提交后系统会怎样』的图文化操作手册,效果接近人工截图+批注的手册。务必在以下情况使用:用户提到操作手册、使用手册、用户手册、培训手册、新人上手文档、业务操作指南、操作流程文档、给业务人员/客服/运营写一份怎么用系统的手册、把系统用法整理成带图的文档;或要为某个端(H5/后台/小程序/PC)出操作说明、SOP、交付培训材料时。即使用户没说『操作手册』四个字,只要意图是『让不懂代码的人学会怎么操作这个系统』,就用本 skill。
| 版本 | 存档时间 | 内容哈希 | 内容 |
|---|---|---|---|
| v1 | 2026-10-11 05:47 | 40641581 | 可取 |
版本索引永久保留;内容副本只保留最新 1 份,更早版本仅留索引与哈希(存档时间线的证据链不会因此断裂)。
一个提供网页开发工具的MCP服务器,例如屏幕捕捉功能,可以让AI代理获取并处理用户屏幕的截图
通过模型上下文协议,使 AI 能够访问 Figma 文件,从而增强其准确解释和利用设计数据进行代码生成的能力
BrowserSkill 是腾讯开源的一个智能浏览器自动化工具,让 WorkBuddy 能够像人一样操作网页——自动填表、点击、翻页、截图,完成任何需要浏览器的复杂任务
使用 Playwright 对本地网页、静态 HTML 或在线页面执行自动化测试、元素发现、控制台日志采集与截图
Code 是一款专注于编码工作流的技能,提供从规划、实现、验证到测试的全流程支持,帮助开发者交付高质量、干净的代码
从目标市场的多个网站抓取电商首页,自动处理弹窗,捕获截图和 HTML,提取产品数据,并
侵权举报经核验成立后,我们会即时下线该条目并删除已存的内容副本。