组件重构(Dify)
重构 Dify 前端中高复杂度的 React 组件。当 pnpm analyze-component --json 显示 complexity > 50 或 lineCount > 300、用户要求拆分代码、提取 hook 或降低复杂度、或 pnpm analyze-component 提示先重构再测试时使用;简单或结构良好的组件、第三方封装组件、或用户明确只想测试不想重构时避免使用。
使用场景/Cursor 开发必备
面向 Cursor 用户的入门组合:文件、GitHub、文档、浏览器。快速搭建 AI 编程工作流。
共匹配 6,654 个资源 · 第 85 / 139 页
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 粘贴即可,安装命令与鉴权环境变量一并给出。
重构 Dify 前端中高复杂度的 React 组件。当 pnpm analyze-component --json 显示 complexity > 50 或 lineCount > 300、用户要求拆分代码、提取 hook 或降低复杂度、或 pnpm analyze-component 提示先重构再测试时使用;简单或结构良好的组件、第三方封装组件、或用户明确只想测试不想重构时避免使用。
重构并审查 SwiftUI 视图文件,实现一致的结构、依赖注入与 Observation 使用。在被要求整理 SwiftUI 视图的布局/排序、安全处理视图模型(尽可能非可选),或统一依赖与 @Observable 状态的初始化与传递方式时使用。
以 v0.dev 式理念为应用、网站和仪表盘设计并实现高质量界面:明确的视觉方向、设计系统、强视觉层次、可复用组件、移动优先、UI 一致性与迭代评审
为 POD 设计带真实资源链接的定制化课程。分阶段实施,带检查点与回退逻辑。当用户说“设计课程”“为 POD 创建课程”或“构建学习计划”时使用
Cursor 编辑器 CLI。
后端开发专家,覆盖 API 设计、数据库集成、微服务架构和现代后端模式。在设计 API、实现服务端逻辑、认证或授权时使用。
数据库专家,覆盖 PostgreSQL、MongoDB、Redis、Oracle 和云数据库平台(Neon、Supabase、Firestore)。用于 schema 设计、查询优化、索引策略、数据建模或云数据库选型。已并入来自 moai-platform-database-cloud 的云厂商指南。
部署与托管平台专家,覆盖 Vercel、Railway 和 Convex。在部署应用、配置边缘函数、搭建持续部署或管理无服务器基础设施时使用。
在修改 `supabase/migrations/` 或 `supabase/schemas/` 下任何文件之前使用,或当用户执行 `/database <子命令>`(`compact local migration`、`rls scenarios`、`align`)时使用。它固化了保护 Grida 数据库层的三条约定:已应用的迁移不可变更、RLS 实现镜像测试(而非相反)、`schemas/*.sql` 是可读的最终状态。与 `supabase/AGENTS.md`(RLS、授权、安全边界)配套。
按功能域标签、全领域标签和可配置时间窗口,为 openai/codex 生成 GitHub issue 摘要。当被要求汇总近期的 Codex bug 报告或功能请求——尤其是 tui、exec、app 等负责人专属标签领域——时使用。
分析 Stitch 项目并将语义化设计系统整合生成为 DESIGN.md 文件。
在 SLICC 中搭建事件驱动自动化时使用 —— 把事件路由到 scoop 的 webhook、cron 任务或文件系统监听器。涵盖 `webhook`、`crontask` 与 `fswatch` 三条 shell 命令。凡是需要按计划、HTTP 调用或 VFS 变更触发的东西,动手接线之前先读本技能。
Maple 项目的 Python OpenTelemetry 风格:模块级 tracer/meter、对有界工作使用装饰器、错误 span、经 LoggingHandler + LoggingInstrumentor 桥接到 OTLP 的日志、内联 endpoint 与 ingest key,不使用 helper-API 包装
Maple 项目的 Python OpenTelemetry 风格:模块级 tracer/meter、对有界工作使用装饰器、错误 span、经 LoggingHandler + LoggingInstrumentor 桥接到 OTLP 的日志、内联 endpoint 与 ingest key,不使用 helper-API 包装
移动端登录与认证流程界面。
撰写或修改学术论文时使用,尤其是中文期刊投稿稿,用于让行文更自然、去 AI 味、统一 Markdown 格式并做质量检查。
在不改变行为的前提下重构现有代码——拆分超大文件、提取重复代码、简化过度设计的模式。当文件超出体积阈值、代码重复 4 次以上,或存在投机性抽象、无用选项与包装间接层时使用。触发词:refactor、split、deduplicate、simplify、untangle、clean up。与内置 `simplify`(只评审近期 diff)互补。
系统化的重构技术、代码异味消除、模式提取与遗留系统现代化。
应用启动、内存管理、电池效率、网络优化与性能剖析工具。
Pod、deployment、service、ingress、RBAC、自动扩缩容与生产集群最佳实践。
面向 SQL 与 NoSQL 的 schema 设计、规范化、索引、迁移与查询优化。
Next.js 最佳实践、服务器组件、App Router 模式、缓存策略与全栈架构。
为 Agent Zero 内置 Browser 插件创建、检视、安装并安全维护 Chrome 扩展。当用户要求构建浏览器扩展、修改已有扩展、安装 Chrome 应用商店扩展或审阅扩展权限时使用。
Git 专家:原子提交、rebase 与提交历史管理。
分诊 Deno 的 GitHub issue——复现 bug、归类、打标签并附审查意见评论。当被要求分诊 issue,或收到待分诊的 issue 编号/链接时使用。
只对 JS/TS 代码执行 lint。当 PR 前改动的仅是 JavaScript 或 TypeScript 文件(未涉及 Rust)时使用。
从正确性、测试、安全与规范角度审查 Deno runtime 的 pull request。在被要求审查 PR 或收到待审的 PR 编号/URL 时使用。
编写 BK-CI 后端微服务代码时使用,例如新增 Resource、组织 API/Service/DAO 分层、依赖注入、服务归属判断和 Spring Boot 开发约定。当用户要做 Kotlin/Java 后端开发时优先使用。
编写 BK-CI 前端 Vue 页面和组件时使用,例如 Vue 组件开发、Vuex 状态管理、接口调用、样式约定和页面交互实现。当用户要改前端页面而不是后端服务时优先使用。
在 BK-CI 中判断何时使用工厂、策略、责任链、观察者、模板方法、装饰器等设计模式时使用。当用户要重构可扩展结构、统一模式选型、理解项目里的模式落点时优先使用。
设计 BK-CI 数据库表、DDL 脚本、索引、分表或数据归档策略时使用。当用户提到表结构、字段设计、索引优化、SQL 脚本命名、分片、归档迁移时优先使用。
掌握 Dockerfile 优化、多阶段构建、docker-compose 模式、安全加固与镜像体积缩减技术,实现生产级容器化。
在移动设备上进行远程 JavaScript 控制台访问与调试。在手机/平板上调试网页、无需桌面 DevTools 即可访问控制台错误、在真实设备上测试响应式设计或诊断移动端特有问题时使用。涵盖 Eruda、vConsole、Chrome/Safari 远程调试与云端测试平台。
使用 pygount 检查代码库:代码行数、语言构成与占比。
按官方规范为 Expo SDK API 编写 TSDoc 注释。在 expo-* 包中引入新的面向用户的 TypeScript API 时必须使用——从一开始就正确记录 API,而非事后补。也用于改进现有文档。涵盖 @platform、@example、@deprecated、@default 注解、第三人称陈述式风格、blockquote 注记,以及文档生成的类型导出模式。
在 Grida 仓库中处理 `GRIDA-SEC-<id>` 安全边界的规范。当源码或文档中出现 `GRIDA-SEC` 标记、修改被标记路径下的文件,或新增一条已防范漏洞记录时触发。每个 `GRIDA-SEC-<id>` 都对应 `/SECURITY.md` 中记录的一处结构性信任边界。本 skill 说明其约定,要求提交任何被标记文件的改动前先做安全评审,并示范如何注册新的 id。只要上下文中出现 GRIDA-SEC 就应使用。
华为云 CSS(OpenSearch)的基准测试与自动扩缩容测试工具。当任务是评估 CSS 性能、运行负载测试、验证查询质量、测试数据节点横向自动扩缩容,或为 CSS 集群生成汇总基准报告时使用。
harness 无关的 `/implement` 版本。在单一对话中驱动单张 workshop 工单走完 SWE→Tester 循环,角色提示词以 `agents/software-engineer.md` 与 `agents/tester.md` 随包提供,而非作为 subagent 启动。从 `implement_yourself/tasks/` 解析工单,创建 `implementing/from-scratch` 分支(固定默认,不由工单派生;后续工单叠加其上),以软件工程角色实现,再切换到测试角色验证(仅限逻辑工单)。FAIL 时最多循环 3 次,把文件移到 `tasks/done/`,然后直接以 `git commit -m` 提交。一次只处理一张工单。在用户输入 `/implement-universal`、要求“不用 subagent 实现任务 NNN”,或使用不支持 Claude Code `Task` 工具的 harness(Cursor、Windsurf、原生 Claude API 客户端等)时触发。
基于提交历史生成简明、结构化的 PR 描述,尽量降低 token 消耗
面向 AI agent 的浏览器自动化 CLI。当被要求在真实浏览器中测试某物时使用。
规划测试自动化策略,包括 ROI 分析、自动化候选对象筛选、框架评估以及可长期维护的自动化架构。
生产级测试自动化技能,覆盖 Selenium、Cypress、Playwright、Appium,采用 POM 架构、重试逻辑与 CI/CD 集成。
构建自动化程序、任务运行器与脚本工具。
面向 Power Automate、n8n、Make、Zapier 等平台的专业自动化工作流重构工具。优化既有流程,提升性能、可靠性、可维护性并符合最佳实践。当用户想要改进、优化、重构、修正取值、增强或现代化工作流时触发。分析 JSON、给出改进建议,并在未被明确要求改变功能时保持原有功能输出重构后的流程。
分析代码库并生成 Claude Code 自动化基础设施,包括命令、脚本与模板,以系统化执行任务。当用户希望创建可复用的自动化工作流、生成 .claude/commands 文件、编写配套的 bash/python 脚本、为结构化产出建立 Markdown 模板,或沉淀跨项目可用的多步任务执行框架时使用。
根据任务特征,在生成的自动化代码中选择 Shell 还是 Python。当需要自动化语言选型指导时使用。
CSS 基础 —— 选择器、优先级、盒模型、定位与单位。
从 Cursor 访问 claude-mem 的 MCP 服务器,搜索过往会话记录并记录新的观察。触发词:「メモリ検索」「claude-mem」「過去の判断」「記録して」「memory search」「past decisions」。不要在常规编码、临时笔记或实现工作时加载。
两者皆可:项目级 .cursor/mcp.json 随仓库共享给团队,全局 ~/.cursor/mcp.json 对本机所有项目生效。含密钥的配置建议放项目级并加入 .gitignore,或用环境变量引用。
每个启用的 MCP 都会向上下文注入工具定义,建议按项目启用、用完禁用不常用的服务器,把上下文留给真正需要的工具。
JSON 结构相同,差异主要在命令路径与环境变量写法(如 npx 与绝对路径、引号转义)。AgentHub 详情页会区分 stdio 与远程托管(streamable-http/SSE)两类接入方式。