AgentHubAgentHub

使用场景/Cursor 开发必备

Cursor 必备 MCP 组合推荐

面向 Cursor 用户的入门组合:文件、GitHub、文档、浏览器。快速搭建 AI 编程工作流。

共匹配 6,596 个资源 · 第 60 / 138 页

什么是Cursor 开发必备?

Cursor 对 MCP 的支持是原生且开箱即用的:在 Settings → MCP 或项目根的 .cursor/mcp.json 中粘贴一段 JSON 即可接入任意 MCP Server。搭配 AgentHub 的一键配置生成器,从发现到接入通常不超过一分钟。

推荐的入门组合覆盖四类高频需求:Filesystem(读写项目文件)、GitHub(PR / Issue / diff)、Context7(最新框架文档,减少幻觉)、Playwright(浏览器验证与 E2E)。之后再按业务补充数据库、抓取或国内服务类 MCP。

本页列出的每个资源都附带 Cursor 专用配置片段:在 AgentHub 打开资源详情页 → 选择 Cursor Tab → 复制 JSON 粘贴即可,安装命令与鉴权环境变量一并给出。

适合做什么

  • 全栈开发
  • 开源贡献
  • 学习新框架
  • 小型自动化脚本

不太适合

  • 纯对话无代码场景
  • 不允许本地进程的企业环境
常见组合: Filesystem + GitHub + Context7 + Playwright

相关资源

查看全部 →

TypeScript LSP

SkillSkillsMP

在 clickhouse-js 仓库中使用 TypeScript 语言服务器(typescript-language-server)进行精确的代码智能:转到定义、查找引用、悬停(类型签名与 JSDoc,含 @deprecated 信息)、全工作区符号搜索、补全与逐文件类型诊断。当需要解析符号的实际定义、查找导出 API 的所有用法或跨 packages/* 工作区检查推断类型时,优先使用它而非 grep。该服务器作为根 devDependency 预装——请先运行仓库的 setup 技能(npm install)以填充 node_modules。不要将本技能用于仅依赖 @clickhouse/client 的下游项目;它专用于在本仓库内工作。

source

Table 可编辑单元格

vbeta

SkillSkillsMP

用 `@tanstack/react-form` 为 `@tanstack/react-table` v9 提供可编辑单元格。表格是布局原语,编辑状态由表单负责。用 `createFormHook` 注册可复用的字段组件(`TextField`、`NumberField`、`SelectField`),然后在每列的 `cell` 中返回 `<form.AppField name={`data[${row.index}].field`}>{(field) => <field.TextField />}</form.AppField>`。关键类型坑点:如果行数据里存在递归的 `subRows`,表单的行类型要用 `Omit<Row, 'subRows'>`——TanStack Form 的 `DeepKeys` 会递归并触发 TS2589。行的增删重渲染应订阅 `form.state.values.data.length`,而不是整个数组。

source

客户端表格转服务端

vbeta

SkillSkillsMP

把客户端的 `@tanstack/react-table` v9 表格转为服务端模式(manual 系列开关)。将服务端分页/排序/过滤后的行作为 `data` 传入,为服务端现在负责的部分设置 `manualPagination` / `manualSorting` / `manualFiltering` / `manualGrouping` / `manualExpanding`,提供 `rowCount` 以便 `getPageCount()` 可用,并从 `tableFeatures()` 中删除对应的工厂(服务端分页就不再放 `paginatedRowModel` 槽位)。通过外部 atom(`useCreateAtom` 加 `options.atoms`)自己托管相关状态切片,让查询能以该切片为 key 并自动重新请求;或者继续使用经典的 `state` 加 `on*Change` 受控状态。

source

Table 生产级优化

vbeta

SkillSkillsMP

`@tanstack/react-table` v9 可直接上生产的优化手段:只注册你真正用到的 `features` 以缩减包体积;对 `features`、`data` 与 `columns` 做记忆化以保持引用稳定;用窄 selector 或按切片的 `useSelector(table.atoms.<slice>)` 订阅替代 `(state) => state`;并借助 `<table.Subscribe>` 与 `<Subscribe>` 把状态驱动的重渲染下沉到树的更深处,避免每次切换排序指示器都重渲染昂贵的表体。小表格不要过度优化——默认 selector 加内联渲染在性能未经测量验证前完全够用。

source

React Table 状态响应式

vbeta

SkillSkillsMP

为 `@tanstack/react-table` v9 接入响应式。内容包括 `useTable` 及其第二个 selector 参数、通过 `table.state` / `table.store` / `table.atoms.<slice>` 读取状态、用 `table.FlexRender` 渲染、用 `<table.Subscribe>` 与独立的 `<Subscribe>` 让子树获得细粒度响应、通过 `useCreateAtom` 加 `options.atoms` 用外部 atom 自己托管切片,以及用 `createTableHook` 把共享配置打包成可复用 hook(`useAppTable`、`createAppColumnHelper`、`table.AppTable` / `table.AppHeader` / `table.AppCell` / `table.AppFooter`)。路由关键词:useTable、useSelector、useCreateAtom、atoms、react-store、table.Subscribe、FlexRender。

source

Table v8 升级 v9

vbeta

SkillSkillsMP

`@tanstack/react-table` v8 到 v9 的机械式破坏性变更迁移。凭肌肉记忆照写的每一个 v8 风格选项、类型或方法,下文都列出了 v9 对应写法:`useReactTable` 改为 `useTable`;根级 `get*RowModel` 选项改为写在 `tableFeatures({...})` 里的行模型工厂,并与各自的 *Fns registry 并列;`createColumnHelper<TData>` 改为 `createColumnHelper<typeof features, TData>`;`table.getState()` 改为 `table.state` / `table.store.state` / `table.atoms.X.get()`;`sortingFn` 改为 `sortFn`;`enablePinning` 拆分;下划线前缀 API 去掉前缀;`ColumnSizing` 拆为 `columnSizingFeature` 与 `columnResizingFeature`。若需渐进迁移,`@tanstack/react-table/legacy` 的 `useLegacyTable` 可在 v9 引擎上接受 v8 API——但它已被弃用、包体积更大,且没有 `table.Subscribe`。长期来看,每个表格都要从它迁走。

source

Table 结合虚拟滚动

vbeta

SkillSkillsMP

`@tanstack/react-table` v9 本身不包含虚拟化,需要与 `@tanstack/react-virtual` 搭配。标准行虚拟化模式:从 `table.getRowModel().rows` 取行数组,把 `rows.length` 传给位于尽可能深组件(`TableBody`,而不是 `App`)中的 `useVirtualizer({ count, estimateSize, getScrollElement, ... })`,用 `rowVirtualizer.getVirtualItems()` 代替 `rows.map` 迭代,用 `transform: translateY(virtualRow.start)` 对每行做绝对定位,并把 `<tbody>` 渲染为具有固定总高度的 CSS grid。列虚拟化使用 `horizontal: true` 加上左右占位单元格。另有一个实验性的 ref 变更写法可跳过 React 协调、再带来约 10% 的性能收益,但标准模式仍是默认选择。

source

Table 结合 TanStack Store

vbeta

SkillSkillsMP

`@tanstack/react-table` v9 构建在 TanStack Store 之上。每个状态切片(sorting、pagination、rowSelection、columnFilters 等)都是独立的 atom。表格暴露三个读取入口——`table.atoms.<slice>`(按切片的只读)、`table.store`(扁平只读视图)、`table.state`(来自 `useTable` 的 selector 输出)——以及两条写入路径——内部 `table.baseAtoms.<slice>`,或在你选择自己托管该切片时使用你的 `options.atoms[slice]`。用 `@tanstack/react-store` 的 `useCreateAtom` 保证稳定标识,用 `useSelector` 做细粒度读取,并把 atom 通过 `options.atoms` 传入,让表格直接写入——无需 `on*Change` 处理函数。

source

Table 结合 React Query

vbeta

SkillSkillsMP

`@tanstack/react-table` v9 与 `@tanstack/react-query` 的服务端与异步数据流。规范写法:用 `useCreateAtom<PaginationState>` 创建外部分页 atom 并通过 `options.atoms` 传入(而不是 `state` 加 `on*Change`),把分页对象纳入 `queryKey`,设置 `manualPagination: true`,用 `placeholderData: keepPreviousData` 避免闪现 0 行,并用 `defaultData = useMemo(() => [], [])` 让 `data` 引用在多次请求间保持稳定。`rowCount` 取自接口响应,这样 `getPageCount()` 才能正确工作。

source

Symfony 安全审查

v8.2

SkillSkillsMP

审查某个改动(PR、当前分支 diff 或一组文件),或审计某个组件乃至整个代码树的安全加固缺失或不当之处。从第一性原理出发推理信任边界,再对照 Symfony 的加固不变量族检查代码,并运行 .github/sa-tools 中的检查门禁。当用户说 security review、security audit、check hardening、review this PR/branch for security、audit <component> for <vuln class>、是否缺少安全加固,或点名要排查的漏洞类别时使用。

source

n8n 工作流搭建

SkillSkillsMP

在 Claude Code 中借助 n8n-mcp 这个 MCP 创建、校验并部署 n8n 工作流。当用户说 "crea un workflow en n8n"(在 n8n 建个工作流)、"monta un n8n que haga X"(搭个做 X 的 n8n)、"convierte esta idea en automatización"(把这个想法变成自动化)、"diseña un flujo n8n"(设计一个 n8n 流程),或描述一串可自动化的步骤(接收 webhook → 处理 → 发送到 Slack、每天定时读取 Google Sheets 等)时使用。也可通过 "auto­matización"、"n8n"、"workflow"、"trigger" 等说法触发。不要用本技能把既有 n8n 工作流迁移到 Claude —— 那应使用 automation-n8n-to-claude。

source

阻塞 IO 防护 blocking-io-guard

SkillSkillsMP

确保可能阻塞 asyncio 事件循环的异步路径后端代码,在 tests/blocking_io/ 受经实战检验的运行时锚点保护。在修改 app/、packages/harness/deerflow/ 或 scripts/ 下的后端 Python、对全仓库跑阻塞 IO 分诊轮次,或评审者/CI 要求阻塞 IO 覆盖时使用。执行确定性扫描(变更行或全仓库)、为每个候选项路由、起草/扩展锚点,并在阻塞 IO 回归时证明锚点会失败。

source

Pinecone RAG

SkillSkillsMP

以 Pinecone 作为向量数据库后端构建生产级 RAG 管道与持久化 agent 记忆。当用户提到 Pinecone、需要为语义检索索引文档、构建检索增强生成系统、跨会话存储 agent 记忆、实现混合检索,或把 LLM 接入可检索知识库时使用;也适用于向量数据库选型、多租户 agent 的 namespace 隔离、embedding 管道、以及将知识库扩展到本地存储之外的场景。不适用于本地向量库(Chroma、FAISS、pgvector)或纯关键词检索。

source

实验设计

SkillSkillsMP

在数据采集之前设计实验与研究方案——选择设计类型、随机化、区组化以及安排处理组合,使结果真正可解释。当有人正在规划研究、询问如何把受试者/样本分组、提到随机化、区组、分层、对照、析因或部分析因设计、实验设计(DOE)、多因素筛选、响应面优化、交叉/重复测量/裂区设计、整群分组随机化、拉丁方、孔板布局、批次与进样顺序效应、重复与伪重复,或序贯/自适应/群序贯设计时使用。即使表述随意,例如这个实验该怎么安排、如何避免混杂、测试这 6 个因素的最佳方式、把这些小鼠分配到各处理组,也应触发。若设计已定、需要计算样本量或统计功效请使用 statistical-power,分析已采集的数据则使用 statistica。

source

常见问题

Cursor 里 MCP 配置放在项目还是全局?

两者皆可:项目级 .cursor/mcp.json 随仓库共享给团队,全局 ~/.cursor/mcp.json 对本机所有项目生效。含密钥的配置建议放项目级并加入 .gitignore,或用环境变量引用。

一次接太多 MCP 会影响 Cursor 性能吗?

每个启用的 MCP 都会向上下文注入工具定义,建议按项目启用、用完禁用不常用的服务器,把上下文留给真正需要的工具。

Windows / macOS 配置有区别吗?

JSON 结构相同,差异主要在命令路径与环境变量写法(如 npx 与绝对路径、引号转义)。AgentHub 详情页会区分 stdio 与远程托管(streamable-http/SSE)两类接入方式。

配套安装与配置教程

相关场景