🌐 Web开发 AI 工具

基于Chrome DevTools MCP实现AI驱动的浏览器自动化、网络流量分析、性能剖析及截图捕获，专家级调试能力触手可及

通过Brave Search API实现网页搜索与内容提取，无需浏览器，轻量接入，适合文档查询、事实核查及任意网页内容获取场景。

基于Playwright MCP服务器实现浏览器自动化，支持网页导航、元素点击、表单填写、数据提取与截图等完整工作流。

通过AI指令自动化浏览器操作，支持网页导航、表单填写、页面截图及结构化数据提取，适合测试与RPA场景

基于Playwright MCP协议实现浏览器自动化，支持网页导航、元素点击、表单填写、截图及数据提取，可调试真实浏览器工作流。

快速生成前端落地页、仪表盘、表单与组件，兼顾响应式、可访问性与高性能交互。

专为Next.js 14/15应用设计的AI助手,覆盖路由、布局、服务端组件、认证、数据获取、缓存等完整开发流程

用于网站SEO审计与优化，自动识别并修复HTML/CSS问题，生成报告、元标签与Schema优化建议及可落地代码。

专业WordPress开发套件,支持主题插件开发、Gutenberg块定制、WooCommerce功能实现及性能安全优化。

Use when the agent needs to drive a browser through the Microsoft Playwright CLI (`playwright-cli`) for navigation, form interactions, screenshots, recordings, data extraction, session management, or debugging without loading a full MCP browser. It trains the agent on the CLI commands, snapshots, and session/config habits that make Playwright CLI reliable for scripted browsing.

面向shadcn/Tailwind/React，提供组件用法、表单校验、布局与主题的最佳实践指导与代码样板

AI代理专用浏览器工具,替代Playwright/fetch/curl,提供人类行为模拟、反检测能力,免注册即可试用,一键启动完成网页任务。

将创意或Figma设计稿一键转化为含数据库、用户认证和托管的可编辑全栈Web应用，支持MCP协议与AI代理协作

基于Motion文档的智能问答与示例检索，涵盖React、Vue原生JS动效开发

基于Next.js15最新版本,涵盖App Router、服务端组件、智能缓存、身份认证和生产级部署模式的完整实战教程。

将WordPress站点静态化，提取引用资源、修复链接、自托管字体，并一键部署至Cloudflare Pages。

基于无头浏览器的网页自动化与内容提取，支持导航、元素点击、登录表单等交互，输出干净可读正文与结构化结果。

基于Ant Design v5的React界面快速构建技能，覆盖布局、表单、表格、模态与主题配置。

以自然语言控制浏览器，自动执行点击、填表、截图与数据抓取，并提供回放与容错能力强

通过CDP代理连接真实Chrome浏览器，保留用户登录态，绕过反bot检测，支持AI驱动的点击、填写等交互式网页自动化操作。

为AI Agent提供网页读取能力,突破Cloudflare防护,自动提取清洁JSON数据,节省98%LLM Token成本,零执行延迟。

Puppeteer驱动Chrome自动化，支持爬虫、E2E测试、截图与流程编排

基于CLI的全站审计工具，覆盖SEO、安全、性能等15+类别230+规则，输出健康评分、断链检测及LLM优化的可操作建议报告。

为多框架提供零配置自动动画，并内置修复严格模式、同构与拖拽冲突等常见错误风险问题

为智能代理提供跨钱包浏览器自动化，支持多链并内置限额白名单审批与风控策略配置与阈值

利用Playwright进行跨站UI自动化、页面结构分析与调试，支持脚本化指令、并发执行与可视化回放，适配本地与CI。

为AI智能体提供网站登录与数据抓取能力，支持JS脚本、会话管理、多站点适配与权限控制。

提供隐私友好搜索，集成抓取与元数据提取，无需密钥，支持缓存与多源聚合高效稳定接入

基于无头浏览器的网页自动化与抓取支持导航交互测试与任务编排稳定高效运行与监控报警

将自然语言转为可运行的HTML/CSS/JS原型，支持实时预览、编辑与导出代码等

为Next.js与Tailwind提供文档速查、生产级组件与设计模式生成的一站式助手，开箱即用

为AI代理设计的默认浏览器框架。提供launchFreeman()即插即用接口,替代Playwright/curl,简化网页交互任务开发流程。

基于容器查询、CSS Grid和流体排版，自动生成移动优先的现代响应式布局代码，覆盖组件级自适应行为。

精通React/Vue/Svelte三大框架组件模式，涵盖CSS-in-JS、组合策略与可复用组件架构，助力构建企业级前端设计系统

基于纯文本需求,利用React、Tailwind CSS和shadcn/ui生成高质量、可直接部署的静态网站,强调反AI审美和移动优先响应式设计。

基于Firecrawl API的网页爬虫工具。支持动态网页爬取、结构化数据提取、整站爬虫,无需配置复杂环境,开箱即用。

高性能浏览器自动化工具,支持多标签并发、精准DOM提取、Cookie/本地存储管理,适合大规模网页爬取和复杂交互场景。

通过自然语言CLI命令自动化浏览器操作，支持网页浏览、数据提取、截图、表单填写及按钮点击等全场景交互

Elementor MCP enables AI assistants to interact with Elementor's page builder via Model Context Protocol.

突破网站反爬虫保护,自动处理CAPTCHA和JavaScript渲染,支持地理位置伪装,一键采集任意网站数据无需编码。

基于Google自定义搜索引擎的网络搜索工具。提供实时网络信息检索,支持文档查询和主题研究,弥补AI模型知识库时效性不足的问题。

A modular MCP server for WordPress and Elementor, enabling scalable AI-assisted content management.

Manage WordPress sites through WP Pinch MCP tools. Part of WP Pinch (wp-pinch.com).

基于Playwright API实现浏览器自动化，支持网页导航、元素交互、数据提取、截图、PDF生成、视频录制及复杂工作流编排，比MCP方案更稳定可靠。

提供网站构建、调试与部署一体化能力，支持现代框架并遵循生产级最佳实践性能优化保障

集成谷歌站长工具，查询搜索分析、管理站点地图与站点性能监控并支持告警与可视化报表

自动化浏览器交互，支持网页导航、表单填写、截图捕获、数据抓取及Web应用测试，适合无代码场景下的网页操作自动化需求。

基于Crawlee容器化技术,专业深度爬取YouTube等复杂网站,自动去除广告,输出验证的JSON格式内容和文字稿。

MCP Server for Google PageSpeed Insights analysis of webpage performance.

MCP Expose Abilities lets AI assistants edit your WordPress site with 54 functions.