编写 Dev Server 测试 writing-dev-server-tests
指导在 test/bake/ 中编写 HMR/开发服务器测试。在创建或修改开发服务器、热重载或打包测试时使用。
使用场景/代码审查与 GitHub
拉取 PR、读 diff、查 Issue、管理仓库。适合 Code Review、发布说明、CI 问题排查。
共匹配 6,871 个资源 · 第 135 / 144 页
GitHub MCP 让 AI 进入你的协作流程:拉取 PR diff 做代码审查、检索 Issue 历史定位已知问题、读取 CI 日志分析构建失败、汇总提交生成 changelog。官方 github/github-mcp-server 通过 GitHub API 或个人访问令牌(PAT)鉴权,Gitee / GitLab 也有对应实现。
Code Review 实践:把团队的评审规范写成 Skill(如「检查竞态、边界、错误处理,按严重度输出」),配合 GitHub MCP 让 AI 先过一遍 PR,人工只看 AI 标出的高风险行——审查耗时通常明显下降,且低級错误漏检更少。
权限建议:使用细粒度 PAT(只授予目标仓库 contents / pull-requests 读写),组织仓库务必开只读起步;让 AI 发布评论或合并前先要求确认,防止误操作污染协作记录。
指导在 test/bake/ 中编写 HMR/开发服务器测试。在创建或修改开发服务器、热重载或打包测试时使用。
指导使用 test/bundler/ 中的 itBundled/expectBundled 编写打包器测试。在创建或修改打包器、转译器或代码转换测试时使用。
用 Intuned 编写可靠浏览器自动化脚本的最佳实践。在编写、评审或修改自动化代码、抓取脚本与浏览器工作流时使用。提供选择器、等待策略、反检测、性能优化与 SDK 用法方面的指导。
处理 PDF 文档并提取信息。当用户要求读取、分析或从 PDF 文件中提取数据时使用此技能。
调用 Reactome REST API 做通路分析与富集、基因-通路映射、疾病通路、分子互作与表达分析,服务于系统生物学研究。
使用 Terraform、Kubernetes 与云平台落地基础设施即代码。设计可扩展架构、CI/CD 流水线与可观测性方案,并提供安全优先的 DevOps 实践与站点可靠性工程建议。
指导安全从业者落地纵深防御安全架构,达成行业合规框架要求(SOC2、ISO27001、GDPR、HIPAA),开展威胁建模与风险评估,管理安全运营与事件响应,并把安全融入整个 SDLC。
世界级的数据科学技能,覆盖统计建模、实验设计、因果推断与高级分析。精通 Python(NumPy、Pandas、Scikit-learn)、R、SQL、统计方法、A/B 测试、时间序列与商业智能,包含实验设计、特征工程、模型评估与业务方沟通。在设计实验、构建预测模型、做因果分析或推动数据驱动决策时使用。
世界级的数据工程技能,用于构建可扩展数据管道、ETL/ELT 系统与数据基础设施。精通 Python、SQL、Spark、Airflow、dbt、Kafka 与现代数据栈,涵盖数据建模、管道编排、数据质量与 DataOps。在设计数据架构、搭建数据管道、优化数据工作流或落地数据治理时使用。
面向 ReactJS、NextJS、NodeJS 应用的 QA 与测试全面技能,涵盖质量保证、测试自动化与测试策略。包含测试套件生成、覆盖率分析、E2E 测试搭建与质量指标。在设计测试策略、编写测试用例、实现测试自动化、执行手工测试或分析测试覆盖率时使用。
面向 ReactJS、NextJS、TypeScript、Tailwind CSS 的全面前端开发技能,包含组件脚手架、性能优化、包体积分析与 UI 最佳实践。在开发前端特性、优化性能、实现 UI/UX 设计、管理状态或审查前端代码时使用。
覆盖 ReactJS、NextJS、NodeJS、Express、React Native、Swift、Kotlin、Flutter、Postgres、GraphQL、Go、Python 的全面软件架构技能,用于设计可扩展、可维护的系统。包含架构图生成、系统设计模式、技术选型决策框架与依赖分析。在设计架构、做技术决策、绘制架构图、评估权衡或定义集成模式时使用。
当你已经拿到多步任务的规格或需求、但还未开始改代码时使用。
在创建新技能、编辑已有技能,或在上线部署前验证技能是否可用时使用。
第三方 API 集成专家,负责恰当的鉴权、错误处理、限流与重试逻辑。在集成 REST API、GraphQL 接口、webhook 或外部服务时使用,专长于 OAuth 流程、API Key 管理、请求/响应转换以及构建健壮的 API 客户端。
在为 Web UI 编写 CSS/样式/布局时使用;输出可直接投产、无障碍且易维护的 CSS。
在为 Web UI 编写 CSS/样式/布局时使用;输出可直接投产、无障碍且易维护的 CSS。
创造有辨识度、生产级、高设计品质的前端界面。当用户要求构建 web 组件、页面或应用时使用。产出富有创意且精致的代码,避免千篇一律的 AI 审美。
高效测试代码的模式。在为可测试性解耦依赖、为既有代码补充测试、通过特征化测试理解陌生代码、或决定测试结构时使用。涵盖 Michael Feathers 提出的接缝(seams)、依赖注入、测试替身与安全重构技术。
全面的 PDF 操作工具包:抽取文本与表格、生成新 PDF、合并/拆分文档、处理表单。当需要填写 PDF 表单,或以编程方式批量处理、生成、分析 PDF 文档时使用。
为 dbplyr 后端添加 SQL 函数翻译的指南。用于实现新的数据库专属 R 到 SQL 翻译,例如字符串处理、日期/时间、聚合或窗口函数。
从源代码生成全面且准确的 API 文档。适用于创建或更新 API 文档、生成 OpenAPI 规范,或当用户提到 API 文档、端点或文档时使用。
面向 Model Context Protocol 实现的专家级研究工具。在审查 MCP 服务器代码、规划新的 MCP 工具/资源/提示词、调查协议合规问题或验证架构时主动使用。专长于协议合规(JSON-RPC 2.0)、安全模式、传输层和生产环境最佳实践。当前规范版本:2025-06-18。
引导用户走完结构化的文档共创流程。当用户想撰写文档、提案、技术规格、决策文档或类似结构化内容时使用。该流程帮助用户高效传递上下文、通过迭代打磨内容,并验证文档对读者的有效性。当用户提到写文档、做提案、起草规格说明等任务时触发。
以清晰的命名、恰当的数据类型、约束、关联关系与多层校验定义数据库模型。在创建或修改数据库模型文件、ORM 类、schema 定义或数据模型关系时使用。适用于处理模型文件(如 models.py、models/、ActiveRecord 类、Prisma schema、Sequelize 模型)、定义表结构、设置外键与关联、配置级联行为、实现模型校验、添加时间戳或使用数据库约束(NOT NULL、UNIQUE、外键)。任何涉及数据完整性强制、关联定义或模型级数据校验的任务均适用。
面向 Langfuse 的 Next.js 14/tRPC/Express/TypeScript 单仓的完整后端开发指南。在创建 tRPC 路由、公开 API 端点、BullMQ 队列处理器与服务,或处理 tRPC 过程、Next.js API 路由、Prisma 数据库访问、ClickHouse 分析查询、Redis 队列、OpenTelemetry 埋点、Zod v4 校验、env.mjs 配置、租户隔离模式或异步模式时使用。涵盖分层架构(tRPC 过程 → 服务、队列处理器 → 服务)、双数据库体系(PostgreSQL + ClickHouse)、按 projectId 过滤实现多租户隔离、traceException 错误处理、可观测性模式与测试策略(web 端 Jest、worker 端 vitest)。
创建并管理数据库迁移,保证变更可逆、命名规范正确并实现零停机部署策略。在创建迁移文件、修改 schema、增删表/列、管理索引或处理数据迁移时使用。适用于操作迁移文件(如 db/migrate/、migrations/、alembic/、Sequelize 迁移)、schema 变更、数据库版本管理、回滚实现,或需要在部署期间确保向后兼容的场景,以及任何涉及数据库结构变更、创建索引、修改约束或数据转换脚本的任务。
掌握 TypeScript 高级类型系统,包括泛型、条件类型、映射类型、模板字面量类型与工具类型,构建类型安全的应用。在实现复杂类型逻辑、创建可复用类型工具或确保 TypeScript 项目的编译期类型安全时使用。
按 Metabase 编码标准与最佳实践编写 TypeScript 和 JavaScript 代码。在开发或重构 TS/JS 代码时使用。
为 Next.js 项目添加 Stripe 支付处理。实现结账会话、支付处理、订阅、Webhook 与客户管理。在 Next.js 项目接入 Stripe、构建支付流程、实现订阅或集成支付处理时使用。
把范围明确的委派给子智能体,例如让某个子智能体按一组规格实现功能。当任务不需要了解整个项目的宽泛背景时应使用本技能。
调研各数据库后端 SQL 语法与行为的指南。在 dbplyr 中实现某个 SQL 函数、命令或特性前,需要先弄清它在特定数据库中的工作方式时使用。
Next.js 15+ App Router 开发模式,包括 Server Components、Client Components、数据获取、布局与 server actions。在创建页面、路由、布局、组件、API route handler、server action、加载状态、错误边界,或处理 Next.js 导航与 metadata 时使用。
面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括浏览页面、填写表单、点击按钮、截图、提取数据、测试 Web 应用或自动化任何浏览器任务。触发请求如“open a website”“fill out a form”“click a button”“take a screenshot”“scrape data from a page”“test this web app”“login to a site”“automate browser actions”,或任何需要程序化 Web 交互的任务。
PDF 处理工具包。提取文本/表格、创建 PDF、合并/拆分、填写表单,用于程序化文档处理与分析
采用 App Router 架构、结合 Server Components 与 Client Components 及高级路由模式,构建现代 Next.js 13+ 应用。适用于实现服务端优先渲染、嵌套布局、并行路由、拦截路由、使用 React Server Components、通过异步服务端组件优化数据获取、用 Suspense 实现流式渲染、划分客户端交互边界,或利用 Next.js 13+ app 目录特性打造高性能、SEO 友好的 React 应用。
使用在服务器端渲染的 Next.js Server Components 构建高效 React 应用,缩减客户端打包体积、提升性能并支持直连数据库。适用于服务端取数、减小 JavaScript 打包体积、在组件内直接访问数据库、借助 Suspense 实现流式渲染、创建只渲染一次的布局、优化 Core Web Vitals,或以服务端优先架构构建对 SEO 友好的应用。
关于如何为 CSS 规则添加新颜色的说明。
连接本地或预发布 PostgreSQL 数据库。在需要查看表、运行查询、检查迁移状态或排查数据库问题时使用。
当用户要求“create a hook”“add a PreToolUse/PostToolUse/Stop hook”“validate tool use”“implement prompt-based hooks”“use ${CLAUDE_PLUGIN_ROOT}”“set up event-driven automation”“block dangerous commands”,或提到 hook 事件(PreToolUse、PostToolUse、Stop、SubagentStop、SessionStart、SessionEnd、UserPromptSubmit、PreCompact、Notification)时使用。为创建和实现 Claude Code 插件 hook 提供全面指导,重点介绍基于 prompt 的高级 hook API。
当用户要求“add MCP server”“integrate MCP”“configure MCP in plugin”“使用 .mcp.json”“set up Model Context Protocol”“connect external service”、提到 ${CLAUDE_PLUGIN_ROOT} 与 MCP、或讨论 MCP 服务器类型(SSE、stdio、HTTP、WebSocket)时使用。为在 Claude Code 插件中集成 Model Context Protocol 服务器以对接外部工具与服务提供全面指导。
当用户要求“create an agent”“add an agent”“write a subagent”“agent frontmatter”“when to use description”“agent examples”“agent tools”“agent colors”“autonomous agent”,或需要关于 agent 结构、系统提示、触发条件,或 Claude Code 插件 agent 开发最佳实践的指导时使用。
使用现代技术(Node.js、Python、Go、Rust)、框架(NestJS、FastAPI、Django)、数据库(PostgreSQL、MongoDB、Redis)、API(REST、GraphQL、gRPC)、认证(OAuth 2.1、JWT)、测试策略、安全最佳实践(OWASP Top 10)、性能优化、可扩展性模式(微服务、缓存、分片)、DevOps 实践(Docker、Kubernetes、CI/CD)与监控构建稳健的后端系统。适用于设计 API、实现认证、优化数据库查询、搭建 CI/CD 流水线、处理安全漏洞、构建微服务或开发可投产的后端系统
创造有辨识度、生产级、高设计品质的前端界面。当用户要求构建 web 组件、页面或应用时使用。产出富有创意且精致的代码,避免千篇一律的 AI 审美。
用于数学计算和文本文件处理的小型 Python 工具集。
创造有辨识度、生产级、高设计品质的前端界面。当用户要求构建 web 组件、页面或应用时使用。产出富有创意且精致的代码,避免千篇一律的 AI 审美。
vdevelop
在 REST API 操作之后校验 MikoPBX SQLite 数据库中数据的一致性。用于验证 API 结果、调试数据问题、检查外键关联,或为测试目的巡检 CDR 记录。
在容器化应用、编写 Dockerfile、docker-compose 配置或将容器部署到各类平台时使用此技能。适用于需要容器化用于开发、生产或 CI/CD 流水线的 Next.js、React、Node.js 应用。当用户需要 Docker 配置、多阶段构建、容器编排或部署到 Kubernetes、ECS、Cloud Run 等时使用。
本地 stdio 部署用个人访问令牌(推荐细粒度 PAT)最简单;多用户托管场景才需要 GitHub App / OAuth。环境变量名见资源详情页。
会。它是第一道过滤而非替代:语义类缺陷检出不错,但供应链、越权逻辑仍需专业审计与人工评审兜底。
取决于模型提供方与令牌权限。企业内网可选本地模型 + 只读令牌;令牌务必设置过期与最小 scope,并定期轮换。