我用过100多个mcp,90%的AI编程工具都在“造轮子”,但这15个MCP能让你真正效率提升10倍
自动读取Figma设计稿,直接调用前端组件库生成网页
自动修复GitHub Issue,并提交PR
自动连接Stripe,生成支付页面.....
以下是一个详细的介绍,附官方链接,一键部署👇
1.让AI“看见”并“构建”
Figma MCP:让AI读取设计稿,自动生成网页代码。 (Repo: https://github.com/MatthewDailey/figma-mcp)
Chrome DevTools MCP:让AI操作浏览器帮你调试。 (Repo: https://github.com/ChromeDevTools/chrome-devtools-mcp)
shadcn MCP:AI可直接调用组件库。 (Repo: https://github.com/heilgar/shadcn-ui-mcp-server)
2.给AI“云能力”
AI的记忆是短暂的,但MCP可以连接数据库。
Neon MCP (Postgres):让AI拥有免费的云数据库能力。 (Repo: https://github.com/neondatabase/mcp-server-neon)
Supabase MCP:AI可调用全套后端(数据库+认证)。 (Repo: https://github.com/NightTrek/Supabase-MCP)
3. 提交层面
GitHub MCP:AI连接仓库,自动读取Issue、修复Bug、提交PR。 (Repo: https://github.com/github/github-mcp-server)
Vercel MCP:AI一句话帮你把项目部署到线上。 (Repo: https://github.com/vercel/mcp-handler)
Cloudflare MCP:同上,提供部署、监控等能力。 (Repo: https://github.com/cloudflare/mcp-server-cloudflare)
4. AI的“知识”与“安全”
Contex7 / Ref MCP:让AI查询最新技术文档,解决知识库过时问题。 (C7 Repo: https://github.com/quiint/c7-mcp-server) (Ref Repo: https://github.com/ref-tools/ref-tools-mcp)
Semgrep MCP:AI写完代码后,自动调用它扫描安全漏洞。 (Repo: https://github.com/Szowesgad/mcp-server-semgrep)
5.打通“商业闭环”
Stripe MCP:AI自动获取商品信息、生成支付链接,跑通收款流程。 (Repo: https://github.com/atharvagupta2003/mcp-stripe)
Replicate MCP:需要配图?AI自动调用文生图模型生成。 (Repo: https://github.com/deepfates/mcp-replicate)
如果对大家有帮助,记得点个赞支持下哦,谢谢大家🙏
自动读取Figma设计稿,直接调用前端组件库生成网页
自动修复GitHub Issue,并提交PR
自动连接Stripe,生成支付页面.....
以下是一个详细的介绍,附官方链接,一键部署👇
1.让AI“看见”并“构建”
Figma MCP:让AI读取设计稿,自动生成网页代码。 (Repo: https://github.com/MatthewDailey/figma-mcp)
Chrome DevTools MCP:让AI操作浏览器帮你调试。 (Repo: https://github.com/ChromeDevTools/chrome-devtools-mcp)
shadcn MCP:AI可直接调用组件库。 (Repo: https://github.com/heilgar/shadcn-ui-mcp-server)
2.给AI“云能力”
AI的记忆是短暂的,但MCP可以连接数据库。
Neon MCP (Postgres):让AI拥有免费的云数据库能力。 (Repo: https://github.com/neondatabase/mcp-server-neon)
Supabase MCP:AI可调用全套后端(数据库+认证)。 (Repo: https://github.com/NightTrek/Supabase-MCP)
3. 提交层面
GitHub MCP:AI连接仓库,自动读取Issue、修复Bug、提交PR。 (Repo: https://github.com/github/github-mcp-server)
Vercel MCP:AI一句话帮你把项目部署到线上。 (Repo: https://github.com/vercel/mcp-handler)
Cloudflare MCP:同上,提供部署、监控等能力。 (Repo: https://github.com/cloudflare/mcp-server-cloudflare)
4. AI的“知识”与“安全”
Contex7 / Ref MCP:让AI查询最新技术文档,解决知识库过时问题。 (C7 Repo: https://github.com/quiint/c7-mcp-server) (Ref Repo: https://github.com/ref-tools/ref-tools-mcp)
Semgrep MCP:AI写完代码后,自动调用它扫描安全漏洞。 (Repo: https://github.com/Szowesgad/mcp-server-semgrep)
5.打通“商业闭环”
Stripe MCP:AI自动获取商品信息、生成支付链接,跑通收款流程。 (Repo: https://github.com/atharvagupta2003/mcp-stripe)
Replicate MCP:需要配图?AI自动调用文生图模型生成。 (Repo: https://github.com/deepfates/mcp-replicate)
如果对大家有帮助,记得点个赞支持下哦,谢谢大家🙏