CSS
使用 TailwindCSS + CSS Modules 实现样式的指南。在处理组件样式、布局设计或 CSS 模式时触发。
使用场景/Cursor 开发必备
面向 Cursor 用户的入门组合:文件、GitHub、文档、浏览器。快速搭建 AI 编程工作流。
共匹配 6,719 个资源 · 第 109 / 140 页
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 粘贴即可,安装命令与鉴权环境变量一并给出。
使用 TailwindCSS + CSS Modules 实现样式的指南。在处理组件样式、布局设计或 CSS 模式时触发。
项目中落地 TypeScript 的指南,包括命名约定、类型定义与代码风格。在编写或重构 TypeScript 代码时触发。
在处理 CSS、创建组件、编写样式、重构样式或评审 CSS 代码时使用此技能。触发词:CSS、styles、Tailwind、dark mode、component styling、semantic class、@apply、stylesheet。会按创建、校验或重构路由到对应的专项子技能。
带测试覆盖率要求的系统化重构技能。支持范围分析、测试先行重构,并与 DevDocs 工作流集成。在用户需要重构代码、提升代码质量或重建现有实现时使用。触发关键词:refactor、重构、优化代码、代码改造、tech debt、技术债。
iOS 与 Android 纯原生开发(Swift/Kotlin)专家,充分发挥平台能力与性能。
资深 Kubernetes 专家,深谙容器编排、集群管理与云原生应用。精通 Kubernetes 架构、Helm Chart、Operator,以及 EKS、AKS、GKE 和本地部署的多集群管理。
资深 Next.js 开发者,专精 Next.js 14+、App Router、Server Components 与现代 React 模式。擅长构建高性能、SEO 优化的全栈 Web 应用,善用 server actions 与最新 Next.js 特性。
基于 Playwright 的移动设备模拟与响应式测试。在测试移动端布局、触摸交互、设备特定功能或响应式断点时使用。
使用 Kubernetes Python 客户端进行程序化集群管理。在操作 Kubernetes API,管理 pod、deployment、service、namespace、configmap、secret、job、CRD、EKS 集群,监听资源、自动化 K8s 操作或构建 Kubernetes 控制器时使用。
Next.js 架构专家。在设计 Next.js 应用、迁移到 App Router、实现 Server Components 或优化 Next.js 性能时使用。涵盖 App Router、Server Components 与最佳实践。
面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括导航页面、填写表单、点击按钮、截取屏幕、提取数据、测试 Web 应用,或自动化任何浏览器任务。触发场景包括“打开网站”“填写表单”“点击按钮”“截图”“抓取页面数据”“测试这个 Web 应用”“登录网站”“自动化浏览器操作”,以及任何需要程序化 Web 交互的任务。
Playwright E2E 测试模式、页面对象模型、配置、CI/CD 集成、工件管理和不稳定测试策略。
面向本地开发的 Docker 与 Docker Compose 模式,涵盖容器安全、网络、卷策略与多服务编排。当搭建容器化开发环境或审阅 Docker 配置时使用。
数据库迁移最佳实践:schema 变更、数据迁移、回滚与零停机部署,覆盖 PostgreSQL、MySQL 和常用 ORM(Prisma、Drizzle、Django、TypeORM、golang-migrate)。在规划或实施数据库 schema 变更时使用。
Web 应用的部署工作流、CI/CD 流水线模式、Docker 容器化、健康检查、回滚策略与生产就绪检查清单。在搭建部署基础设施或规划发布时使用。
REST API 设计模式:资源命名、状态码、分页、过滤、错误响应、版本管理与生产 API 限流。
全面的数据库管理、模式管理、数据操作与优化。适用于需要:(1) 创建或修改带合理索引的数据库表,(2) 执行兼顾类型安全与约束处理的批量数据插入,(3) 执行含 JOIN、聚合与子查询的复杂查询,(4) 通过索引与执行计划分析优化查询性能,(5) 管理数据库备份、恢复与迁移,(6) 处理特殊数据类型(BIGINT、UUID、JSONB、枚举等),(7) 实现符合 ACID 的事务安全,(8) 调试数据库错误(约束冲突、类型不匹配、外键问题)
在不同数据库方言之间转换 SQL 查询(Snowflake、BigQuery、PostgreSQL、MySQL 等)
实现、配置和调试 React Joyride v3 引导 tours 的指南。当用户提到 joyride、引导 tour、新手引导、walkthrough、tooltip tour、分步指南、产品 tour,或希望按顺序高亮 UI 元素时使用。也在调试 tour 问题时使用,如 tooltip 不出现、找不到目标或受控模式问题。涵盖 useJoyride hook、Joyride 组件、step 配置、事件、控件、自定义组件和样式。
当用户想为 Next.js(App Router)+ TypeScript + Tailwind + shadcn/ui 项目搭建、改进或运行前端测试(单元、组件与 E2E)时使用此技能,技术栈为 Vitest/Jest、React Testing Library 与 Playwright。
代码重构目录。作为 architecture-reviewer/performance-analyst 的扩展技能,提供基于 Martin Fowler 的重构手法、代码异味的检测与重构映射、SOLID 原则违反映别和复杂度度量标准。在“重构”“代码异味”“SOLID 违反”“复杂度”“设计模式”“代码质量”等代码结构改进评审时使用。注意:直接修改代码或安全分析不在本技能范围内。
代码重构目录。作为 architecture-reviewer/performance-analyst 的扩展技能,提供基于 Martin Fowler 的重构手法、代码异味的检测与重构映射、SOLID 原则违反映别以及复杂度度量标准。在涉及“重构”“代码异味”“SOLID 违反”“复杂度”“设计模式”“代码质量”等代码结构改进评审时使用。注意:直接修改代码与安全分析不在本技能范围内。
移动 UX 设计模式库。作为 ux-designer 的扩展技能,提供 iOS HIG/Material Design 3 指南、导航模式、手势交互、响应式布局和无障碍检查清单。用于“移动 UX”“iOS 指南”“Material Design”“导航模式”“手势”“设计令牌”“移动无障碍”等移动端 UI/UX 设计。但实际设计文件生成或代码实现不在本技能范围内。
移动应用开发全流程管道。由智能体团队协作完成 UI/UX 设计→原生/跨平台代码生成→API 集成→商店上架准备。凡涉及“帮我做移动应用”“开发 App”“iOS App”“Android App”“Flutter App”“React Native App”“App UI 设计”“App Store 上架”“App API 集成”等移动应用开发整体工作均使用此技能。已存在代码时也支持 API 集成或商店上架。但不包括实际构建/编译(Xcode、Gradle)、实际的商店提交和 CI/CD 管道搭建。
移动应用开发全流程管道。由智能体团队协作完成 UI/UX 设计、原生/跨平台代码生成、API 集成和商店上架准备。用于“帮我做移动应用”“App 开发”“iOS App”“Android App”“Flutter App”“React Native App”“App UI 设计”“App Store 上架”“App API 集成”等一般性移动应用开发。对已有代码也支持 API 集成和商店上架。但实际构建/编译(Xcode、Gradle)、实际的商店提交和 CI/CD 管道搭建不在本技能范围内。
移动 UX 设计模式库。作为 ux-designer 的扩展技能,提供 iOS HIG/Material Design 3 指南、导航模式、手势交互、响应式布局和无障碍检查清单。用于“移动 UX”“iOS 指南”“Material Design”“导航模式”“手势”“设计令牌”“移动无障碍”等移动端 UI/UX 设计请求。但实际设计文件创建或代码实现不在本技能范围内。
DB 设计全流程管道。由智能体团队协作完成数据建模、迁移、索引、查询优化与安全验证。任何数据库设计任务都使用此技能,如“设计数据库”“数据库建模”“表设计”“ERD”“迁移”“查询优化”“索引设计”“SQL schema”“PostgreSQL 设计”“MySQL 设计”等。对已有 schema 也支持优化与安全审计。注意:实际 DB 服务器的安装/运维、云基础设施开通和监控大盘搭建不在本技能范围内。
数据库设计全流程管道。由智能体团队协作完成数据建模→迁移→索引→查询优化→安全验证。凡涉及“帮我设计 DB”“数据库建模”“表设计”“ERD”“迁移”“查询优化”“索引设计”“SQL schema”“PostgreSQL 设计”“MySQL 设计”等数据库设计工作均使用此技能。已存在 schema 时也支持优化与安全审计。但不包括实际 DB 服务器的安装/运维、云基础设施开通和监控大盘搭建。
使用dmux(AI代理的tmux窗格管理器)进行多代理编排。跨Claude Code、Codex、OpenCode及其他工具的并行代理工作流模式。适用于并行运行多个代理会话或协调多代理开发工作流时。
在Claude Code会话期间,将做出的架构决策捕获为结构化的架构决策记录(ADR)。自动检测决策时刻,记录上下文、考虑的替代方案和理由。维护一个ADR日志,以便未来的开发人员理解代码库为何以当前方式构建。
Claude Code 会话的全面验证系统。
使用Plankton进行编写时代码质量强制执行——通过钩子在每次文件编辑时自动格式化、代码检查和Claude驱动的修复。
使用firecrawl和exa MCPs进行多源深度研究。搜索网络、综合发现并交付带有来源引用的报告。适用于用户希望对任何主题进行有证据和引用的彻底研究时。
通过 fal.ai MCP 实现统一的媒体生成——图像、视频和音频。涵盖文本到图像(Nano Banana)、文本/图像到视频(Seedance、Kling、Veo 3)、文本到语音(CSM-1B),以及视频到音频(ThinkSound)。当用户想要使用 AI 生成图像、视频或音频时使用。
通过Exa MCP进行神经搜索,适用于网络、代码和公司研究。当用户需要网络搜索、代码示例、公司情报、人员查找,或使用Exa神经搜索引擎进行AI驱动的深度研究时使用。
构建一个全自动化的AI驱动数据收集代理,适用于任何公共来源——招聘网站、价格信息、新闻、GitHub、体育赛事等任何内容。按计划进行抓取,使用免费LLM(Gemini Flash)丰富数据,将结果存储在Notion/Sheets/Supabase中,并从用户反馈中学习。完全免费在GitHub Actions上运行。适用于用户希望自动监控、收集或跟踪任何公共数据的场景。
Laravel架构模式、路由/控制器、Eloquent ORM、服务层、队列、事件、缓存以及用于生产应用的API资源。
Django架构模式,使用DRF设计REST API,ORM最佳实践,缓存,信号,中间件,以及生产级Django应用程序。
Rust测试模式,包括单元测试、集成测试、异步测试、基于属性的测试、模拟和覆盖率。遵循TDD方法学。
使用Test2::V0、Test::More、prove runner、模拟、Devel::Cover覆盖率和TDD方法的Perl测试模式。
使用Kotest、MockK、协程测试、基于属性的测试和Kover覆盖率的Kotlin测试模式。遵循TDD方法论和地道的Kotlin实践。
Go测试模式包括表格驱动测试、子测试、基准测试、模糊测试和测试覆盖率。遵循TDD方法论,采用地道的Go实践。
分析一个陌生的代码库,并生成一个结构化的入门指南,包括架构图、关键入口点、规范和一个起始的CLAUDE.md文件。适用于加入新项目或首次在代码仓库中设置Claude Code时。
从零开始或通过转换PowerPoint文件创建令人惊艳、动画丰富的HTML演示文稿。当用户想要构建演示文稿、将PPT/PPTX转换为网页格式,或为演讲/推介创建幻灯片时使用。帮助非设计师通过视觉探索而非抽象选择发现他们的美学。
用于本地开发的Docker和Docker Compose模式,包括容器安全、网络、卷策略和多服务编排。
数据库迁移最佳实践,涵盖模式变更、数据迁移、回滚以及零停机部署,适用于PostgreSQL、MySQL及常用ORM(Prisma、Drizzle、Django、TypeORM、golang-migrate)。
部署工作流、CI/CD流水线模式、Docker容器化、健康检查、回滚策略以及Web应用程序的生产就绪检查清单。
REST API设计模式,包括资源命名、状态码、分页、过滤、错误响应、版本控制和生产API的速率限制。
两者皆可:项目级 .cursor/mcp.json 随仓库共享给团队,全局 ~/.cursor/mcp.json 对本机所有项目生效。含密钥的配置建议放项目级并加入 .gitignore,或用环境变量引用。
每个启用的 MCP 都会向上下文注入工具定义,建议按项目启用、用完禁用不常用的服务器,把上下文留给真正需要的工具。
JSON 结构相同,差异主要在命令路径与环境变量写法(如 npx 与绝对路径、引号转义)。AgentHub 详情页会区分 stdio 与远程托管(streamable-http/SSE)两类接入方式。