工程师技能提升

使用 Next.js（应用路由、服务器组件、RSC、PPR、SSR、SSG、ISR）、Turborepo（单一代码库管理、任务管道、远程缓存、并行执行）和 RemixIcon（3100 多个 SVG 图标，包含轮廓/填充样式）构建现代全栈 Web 应用程序。在创建 React 应用程序、实现功能时使用。

使用 Better Auth 实现身份验证和授权 - 一个框架无关的 TypeScript 身份验证框架。功能包括带验证的电子邮件/密码身份验证、OAuth 提供者（Google、GitHub、Discord 等）、双因素身份验证（TOTP、短信）、密码密钥/WebAuthn 支持。

使用 MongoDB（文档数据库、BSON 文档、聚合管道、Atlas 云）和 PostgreSQL（关系数据库、SQL 查询、psql CLI、pgAdmin）。在设计数据库架构、编写查询和聚合、优化性能索引、执行数据库迁移时使用。

使用 shadcn/ui 组件（基于 Radix UI + Tailwind）、Tailwind CSS 实用优先样式和基于画布的视觉设计创建美观、可访问的用户界面。在构建用户界面、实现设计系统、创建响应式布局、添加可访问组件时使用。

在 Cloudflare（Workers、R2、D1、KV、Pages、Durable Objects、浏览器渲染）、Docker 容器和 Google Cloud Platform（计算引擎、GKE、Cloud Run、App Engine、Cloud Storage）上部署和管理云基础设施。在将无服务器函数部署到边缘、配置边缘计算时使用。

创建有效技能的指南，添加技能引用、技能脚本或优化现有技能。当用户希望创建新技能（或更新现有技能）以扩展 Claude 的能力时使用，涉及专业知识、工作流程、框架、库或其他。

强制执行 TheOne Studio React Native 开发标准，包括 TypeScript 模式、React/Hooks 最佳实践、React Native 架构（Zustand/Jotai、Expo Router）和移动性能优化。在编写、审查或重构 React Native 代码、实现移动功能时触发。

管理模型上下文协议（MCP）服务器 - 发现、分析和执行来自配置的 MCP 服务器的工具/提示/资源。在处理 MCP 集成时使用，需发现可用的 MCP 功能，过滤特定任务的 MCP 工具，以编程方式执行 MCP 工具，访问 MCP 资源。

强制执行 TheOne Studio Cocos Creator 开发标准，包括 TypeScript 编码模式、Cocos Creator 3.x 架构（组件系统、事件调度器）和可播放广告优化指南。在编写、审查或重构 Cocos TypeScript 代码时触发。

使用 GraphQL/REST API、Shopify CLI、Polaris UI 组件和 Liquid 模板构建 Shopify 应用程序、扩展和主题。功能包括使用 OAuth 认证的应用开发、用于自定义结账流程的结账 UI 扩展、用于仪表板集成的管理 UI 扩展。

使用 Repomix 将整个代码库打包成单个 AI 友好的文件。功能包括使用可自定义的包含/排除模式打包代码库，生成多种输出格式（XML、Markdown、纯文本），保留文件结构和上下文，优化以便 AI 消耗，考虑令牌计数。

全面的 GitHub PR 审查，提供行内建议、批准/拒绝标准和技术无关的检查清单。在审查 PR、分析代码更改或用户请求 PR 审查时触发。审查后始终批准或请求更改。

创建高质量的 MCP（模型上下文协议）服务器的指南，使 LLM 能够通过设计良好的工具与外部服务进行交互。在构建 MCP 服务器以集成外部 API 或服务时使用，无论是在 Python（FastMCP）还是 Node/TypeScript（MCP SDK）中。

针对 React/TypeScript 应用程序的前端开发指南。现代模式包括 Suspense、懒加载、useSuspenseQuery、特性目录的文件组织、MUI v7 样式、TanStack Router、性能优化和 TypeScript 最佳实践。在创建组件、页面或应用程序时使用。

使用 FFmpeg（视频/音频编码、转换、流媒体、过滤、硬件加速）、ImageMagick（图像处理、格式转换、批处理、效果、合成）和 RMBG（AI 驱动的背景去除）处理多媒体文件。在转换媒体格式、编码视频时使用。

强制执行 TheOne Studio Unity 开发标准，包括 C# 编码模式、Unity 架构（VContainer/SignalBus 和 TheOne.DI/Publisher）以及代码审查指南。在编写、审查或重构 Unity C# 代码、实现功能、设置依赖注入时触发。

使用 Google Gemini API 处理和生成多媒体内容，以提高视觉能力。功能包括分析音频文件（带时间戳的转录、摘要、语音理解、音乐/声音分析，最长可达 9.5 小时）、理解图像（比 Claude 更好的图像分析）。

UI/UX 设计智能。50 种样式，21 种调色板，50 种字体组合，20 种图表，8 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind）。操作：计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查 UI/UX 代码。项目：网站、应用程序等。

使用 Three.js 构建沉浸式 3D 网络体验 - WebGL/WebGPU 库用于场景、相机、几何体、材料、灯光、动画、加载器、后处理、着色器（包括基于节点的 TSL）、计算、物理、VR/XR 和高级渲染。在创建 3D 可视化、游戏和交互式体验时使用。

应用结构化、反思性的问题解决方法，处理需要多步骤分析、修订能力和假设验证的复杂任务。适用于复杂问题分解、自适应规划、需要调整方向的分析、范围不明确的问题、多步骤解决方案和假设验证。

当需要研究、分析和规划可扩展、安全和可维护的技术解决方案时使用。

使用 React Native、Flutter、Swift/SwiftUI 和 Kotlin/Jetpack Compose 构建现代移动应用程序。涵盖移动优先设计原则、性能优化（电池、内存、网络）、离线优先架构、平台特定指南（iOS HIG、Material Design）和测试策略。

实现与 SePay（越南支付网关，支持 VietQR、银行转账、信用卡）和 Polar（全球 SaaS 货币化平台，支持订阅、基于使用的计费、自动化福利）的支付集成。在集成支付处理、实现结账流程、管理订阅时使用。

使用可执行脚本搜索技术文档，以检测查询类型，从 llms.txt 源（context7.com）获取并分析结果。在用户需要时使用：（1）特定主题的文档（特性/组件/概念），（2）库/框架文档，（3）GitHub 仓库分析，或（4）其他。

创建符合经过验证的设计原则的美观界面。在构建 UI/UX、分析灵感网站的设计、使用 ai-multimodal 生成设计图像、实现视觉层次和色彩理论、添加微交互或创建设计文档时使用。

系统化调试框架，确保在修复之前进行根本原因调查。包括四阶段调试过程、向后调用栈跟踪、多层验证和验证协议。在遇到错误、测试失败、意外行为、性能问题或在声明之前使用。

在收到代码审查反馈时使用（特别是当反馈不明确或技术上有疑问时），在完成任务或重大功能需要审查后继续之前，或在做出任何完成/成功声明之前使用。涵盖三种实践 - 以技术严谨性接收反馈，而非表面化的表现。

在需要规划可扩展、安全和可维护的技术解决方案时使用。

使用现代技术（Node.js、Python、Go、Rust）、框架（NestJS、FastAPI、Django）、数据库（PostgreSQL、MongoDB、Redis）、API（REST、GraphQL、gRPC）、身份验证（OAuth 2.1、JWT）、测试策略、安全最佳实践（OWASP 前 10 名）、性能优化等构建强大的后端系统。

创建独特的、生产级的前端界面，具有高设计质量。当用户请求构建网页组件、页面或应用程序，或提供截图/图像/设计以复制或获取灵感时使用。对于截图输入，提取设计指南。