Patternyze

Patternyze，天才Agent工程师的前端助手工具。 把网页上的组件和问题，整理成开发人员能看懂的材料。适合前端开发、产品、业务和测试人员使用。 【组件采样】 在网页上悬停高亮、点击选择组件，查看视觉样式、尺寸和结构。支持多个区域选择，复制 Markdown 采样内容；单组件还可转换为 Figma 粘贴数据。来源链接默认附带，也可关闭。 【问题反馈】 选择发生问题的区域，填写问题描述、期望效果和复现步骤，整理元素定位信息并复制给开发。无需填写代码，也无需注册扩展账号。 【截图标注】 截取当前可见页面，放大查看并用文字、序号、箭头、矩形、圆形和线条标注。支持颜色、粗细、字号调整，滚轮缩放和拖动模式；可下载标注图片。 【现场诊断】 主动开启记录、操作复现问题，再停止记录。反馈可附带开启后的控制台错误与网络请求状态、耗时和失败信息；不保存请求头、请求体和响应正文。可下载包含截图与诊断信息的完整反馈文件。 【数据由你决定如何分享】 采样与反馈主要在本地内存处理，不自动发送给开发人员。复制和下载由你主动触发。Figma 转换可能请求页面图片和字体 CDN。分享前请检查截图、日志和网页内容中的敏感信息。 使用提醒：截图与记录使用 debugger 权限，浏览器可能显示调试提示；浏览器内部页、商店页面或企业策略限制的页面可能无法使用。截图只覆盖当前可见区域，日志不能追溯开启前的记录。组件采样不恢复原网站后台业务逻辑。