探索 MCP Server 与 Agent Skill

io.github.rohitg00/awesome-claude-code-toolkit/frontend-excellence

现代前端模式，涵盖 React Server Components、性能优化与 Core Web Vitals

io.github.rohitg00/awesome-claude-code-toolkit/database-optimization

面向 PostgreSQL 与 MySQL 的查询优化、索引策略与数据库性能调优

io.github.rohitg00/awesome-claude-code-toolkit/security-hardening

应用安全，涵盖输入校验、认证、请求头、密钥管理与依赖审计

io.github.rohitg00/awesome-claude-code-toolkit/python-best-practices

符合 Python 风格的代码，涵盖现代类型注解、dataclasses、异步模式、打包与测试

io.github.MaxMiksa/Auto-Company/security-audit

在以下场景使用：审查代码安全、审计依赖中的 CVE、检查配置或机密安全、评估认证与授权模式、识别 OWASP 漏洞（注入、XSS、CSRF），或处理实现中的安全隐患。

io.github.Tencent/WeKnora/pdf-processing

从 PDF 文件提取文本与表格、填写表单、合并文档。当处理 PDF 文件或用户提到 PDF、表单、文档提取时使用。

io.github.ComposioHQ/awesome-claude-plugins/senior-frontend

面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。在构建 React 组件、优化 Next.js 性能、分析 bundle 体积、搭建前端项目、实现无障碍或审查前端代码质量时使用。

io.github.ComposioHQ/awesome-claude-plugins/mcp-builder

创建高质量 MCP（Model Context Protocol）服务器的指南，通过设计良好的工具让 LLM 与外部服务交互。当需要构建 MCP 服务器以集成外部 API 或服务时使用，支持 Python（FastMCP）或 Node/TypeScript（MCP SDK）。

io.github.snyk/agent-scan/mcp-builder

编写高质量 MCP（Model Context Protocol）服务器的指南，通过设计良好的工具让 LLM 能与外部服务交互。在构建用于集成外部 API 或服务的 MCP 服务器时使用，无论采用 Python（FastMCP）还是 Node/TypeScript（MCP SDK）。

io.github.snyk/agent-scan/pdf

全面的 PDF 操作工具包：抽取文本与表格、生成新 PDF、合并/拆分文档、处理表单。当需要填写 PDF 表单，或以编程方式批量处理、生成、分析 PDF 文档时使用。

io.github.netalertx/NetAlertX/mcp-activation

启用与 NetAlertX 运行时的实时交互。此技能配置 Model Context Protocol（MCP）连接，授予完整 API 访问权限，用于调试、故障排查与实时操作，包括数据库查询、网络扫描与设备管理。

io.github.calcom/cal.diy/vercel-react-best-practices

来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。在编写、审查或重构 React/Next.js 代码时应使用本技能，以确保采用最优性能模式。涉及 React 组件、Next.js 页面、数据获取、bundle 优化或性能提升的任务会触发。

io.github.docker/model-runner/docker-model-runner

使用 Docker Model Runner 运行本地 LLM 推理的技能

io.github.MengTo/Skills/css-alpha-masking

用 linear-gradient 做 CSS alpha 遮罩，实现横向或纵向的边缘渐隐（mask-image 与 -webkit-mask-image）。在被要求写 alpha mask、边缘渐隐或 CSS 遮罩渐变时使用。

io.github.github/awesome-copilot/penpot-uiux-design

使用 MCP 工具在 Penpot 中创建专业 UI/UX 设计的完整指南。适用场景：(1) 为 Web、移动或桌面应用创建新的 UI/UX 设计；(2) 构建含组件与设计令牌的设计系统；(3) 设计仪表盘、表单、导航或落地页；(4) 应用无障碍标准与最佳实践；(5) 遵循平台规范（iOS、Android、Material Design）；(6) 评审或改进现有 Penpot 设计的可用性。触发语包括"design a UI"、"create interface"、"build layout"、"design dashboard"、"create form"、"design landing page"、"make it accessible"、"design system"、"component library"。

io.github.cockroachdb/cockroach/reduce-unoptimized-query-oracle

把 unoptimized-query-oracle 测试失败日志缩减为最简单的复现用例。当你手头有失败 roachtest 产生的 unoptimized-query-oracle*.log 文件、需要找出能复现 bug 的最小 SQL 时使用。

io.github.exceptionless/Exceptionless/agent-browser

面向 AI Agent 的浏览器自动化 CLI。当用户需要与网站交互时使用，包括打开页面、填写表单、点击按钮、截图、抽取数据、测试 Web 应用或自动化任意浏览器任务。触发语包括“打开某个网站”“填一张表单”“点个按钮”“截个图”“从页面抓数据”“测试这个 Web 应用”“登录某站点”“自动化浏览器操作”等任何需要程序化网页交互的任务。

io.github.wealthfolio/wealthfolio/react-useeffect

来自官方文档的 React useEffect 最佳实践。在编写/审查 useEffect、为派生值使用 useState、数据获取或状态同步时使用。讲解何时不该用 Effect，以及更好的替代方案。

io.github.badlogic/pi-skills/browser-tools

通过 Chrome DevTools Protocol 进行交互式浏览器自动化。适用于需要与网页交互、测试前端，或用户需要与可见浏览器交互的场景

io.github.softaworks/agent-toolkit/writing-clearly-and-concisely

用于撰写供人阅读的文本——文档、提交信息、错误消息、解释说明、报告或 UI 文案。运用 Strunk 的经典写作规则，让文字更清晰、更有力、更专业

io.github.openai/skills/render-deploy

通过分析代码库、生成 render.yaml Blueprint 并提供 Dashboard 深链接，将应用部署到 Render。当用户想在 Render 云平台上部署、托管、发布或搭建应用时使用。

io.github.openai/skills/netlify-deploy

使用 Netlify 命令行工具（npx netlify）将 Web 项目部署到 Netlify。当用户要求在 Netlify 上部署、托管、发布或关联站点/仓库时使用，包括预览与生产部署。