大数跨境

AI工具热点|Chrome DevTools MCP、Claude Cookbooks与微软Flint-Chart

AI工具热点|Chrome DevTools MCP、Claude Cookbooks与微软Flint-Chart ElephantMind.AIGC
2026-07-20
6

Chrome DevTools MCP

近日,ChromeDevTools团队在GitHub发布chrome-devtools-mcp(项目描述为 Chrome DevTools for coding agents),将Chrome开发者工具能力通过MCP协议提供给编程Agent。

对写前端、排查页面状态的人来说,以往常见路径是:把报错、DOM片段、截图粘贴进对话框,再让模型猜。MCP接通后,Agent可更直接地调用DevTools侧能力做检查与定位,把「看页面」嵌进自动化工作流,而不是只靠人工搬运上下文。

使用Claude Code、Cursor等已支持MCP的环境时,可把浏览器调试列为标准工具之一;具体暴露了哪些DevTools能力、权限与安全边界,以仓库README与版本更新为准。

Anthropic Claude Cookbooks

近日,Anthropic在GitHub发布claude-cookbooks,以notebook/配方形式整理Claude常见用法示例,覆盖官方推荐的调用方式与场景模板。

这类仓库的价值不在「又多一个提示词合集」,而在把散落的官方实践收成可运行示例:个人可按菜谱上手,团队可把同一套用法写进内训与代码评审,减少各写各的第三方提示词。仓库热度较高,也说明开发者侧对「可复现官方配方」仍有明确需求。

适合当作入门与对齐文档;生产环境仍需结合自家数据、延迟与安全策略做裁剪,不宜把示例配置直接当线上默认。

微软Flint-Chart

近日,微软在GitHub开源Flint-Chart。项目介绍称,Flint是一种可视化语言,让AI Agent能根据简单、人类可编辑的图表规格,更可靠地生成表现力强、观感可用的图表。

自动分析、周报与报表类Agent常见痛点是:模型直接「画图」时样式漂移、坐标乱、难二次修改。把输出约束成可编辑的chart spec,等于在生成与交付之间加了一层规格层——人可以改spec,Agent也可以按spec重跑,而不是只拿一张不可控的位图。

对做内部分析助手、自动报告的人,可先看spec语法与示例,再决定是否替换现有的图表生成链路;版本与API以仓库为准。

参考来源

  • GitHub:ChromeDevTools/chrome-devtools-mcp
  • GitHub:anthropics/claude-cookbooks
  • GitHub:microsoft/flint-chart

【声明】内容源于网络
0
0
ElephantMind.AIGC
深耕视频处理与流媒体核心技术,紧跟全球 AIGC 发展浪潮。聚焦场景落地与技术方案输出,以视频 + AIGC 为创新底座,赋能内容生产、全链路应用与商业变现。
内容 20
粉丝 0
ElephantMind.AIGC 深耕视频处理与流媒体核心技术,紧跟全球 AIGC 发展浪潮。聚焦场景落地与技术方案输出,以视频 + AIGC 为创新底座,赋能内容生产、全链路应用与商业变现。
总阅读182
粉丝0
内容20