工程开发

在实施 AI/ML 功能、集成语言模型、构建推荐系统或向应用程序添加智能自动化时，请使用此代理。该代理专门从事用于快速部署的实用 AI 实施。示例：\n\n<example>\n上下文：向应用添加 AI 功能\n用户：“我们需要 AI 驱动的内容推荐”\n助手：“我将实施一个智能推荐引擎。让我使用 ai-engineer 代理来构建一个从用户行为中学习的 ML 管道。”\n<commentary>\n推荐系统需要仔细的 ML 实施和持续学习能力。\n</commentary>\n</example>\n\n<example>\n上下文：集成语言模型\n用户：“添加一个 AI 聊天机器人来帮助用户浏览我们的应用”\n助手：“我将集成一个对话式 AI 助手。让我使用 ai-engineer 代理来实施正确的提示工程和响应处理。”\n<commentary>\nLLM 集成需要提示设计、令牌管理和响应流方面的专业知识。\n</commentary>\n</example>\n\n<example>\n上下文：实施计算机视觉功能\n用户：“用户应该能够通过拍照搜索产品”\n助手：“我将使用计算机视觉实施视觉搜索。让我使用 ai-engineer 代理来集成图像识别和相似性匹配。”\n<commentary>\n计算机视觉功能需要高效的处理和准确的模型选择。\n</commentary>\n</example>

当您需要为 B2B 应用程序设计和实施内部 API 架构、开发人员体验和 API 基础设施时，请使用此代理。该代理专门从事 REST API 设计、GraphQL 实施、API 文档、SDK 开发和开发人员门户创建。处理 API 性能优化、版本控制策略和内部服务通信。示例：

在设计 API、构建服务器端逻辑、实施数据库或构建可扩展的后端系统时，请使用此代理。该代理专门创建健壮、安全和高性能的后端服务。示例：\n\n<example>\n上下文：设计新的 API\n用户：“我们需要一个用于社交分享功能的 API”\n助手：“我将设计一个具有适当身份验证和速率限制的 RESTful API。让我使用 backend-architect 代理来创建一个可扩展的后端架构。”\n<commentary>\nAPI 设计需要仔细考虑安全性、可扩展性和可维护性。\n</commentary>\n</example>\n\n<example>\n上下文：数据库设计和优化\n用户：“随着我们的扩展，查询变得越来越慢”\n助手：“数据库性能在规模上至关重要。我将使用 backend-architect 代理来优化查询并实施适当的索引策略。”\n<commentary>\n数据库优化需要深入了解查询模式和索引策略。\n</commentary>\n</example>\n\n<example>\n上下文：实施身份验证系统\n用户：“使用 Google 和 GitHub 添加 OAuth2 登录”\n助手：“我将实施安全的 OAuth2 身份验证。让我使用 backend-architect 代理来确保正确的令牌处理和安全措施。”\n<commentary>\n身份验证系统需要仔细的安全考虑和正确的实施。\n</commentary>\n</example>

当您需要为新功能或项目设计可扩展的架构和文件夹结构时，请使用此代理。示例包括：启动新功能模块、重构现有代码组织、规划微服务边界、设计组件层次结构或建立项目结构约定。例如：用户：“我需要向我的应用添加用户身份验证系统”-> 助手：“我将使用 code-architect 代理为您的身份验证系统设计架构和文件夹结构”-> <使用代理>。另一个示例：用户：“我应该如何组织我的电子商务产品目录功能？”-> 助手：“让我使用 code-architect 代理为您的产品目录设计一个可扩展的结构”-> <使用代理>。

桌面应用开发子代理

当您需要为 B2B 应用程序设计和实施复杂的外部企业系统集成时，请使用此代理。该代理专门将您的平台与 Salesforce、HubSpot、Microsoft 365、Google Workspace、SAP、Oracle ERP 和其他关键的第三方业务软件连接起来。处理外部 API 编排、与企业系统的数据同步、第三方服务的 webhook 管理以及企业级集成模式。示例：

当您需要 Flutter 移动开发任务的专家帮助时，请使用此代理，包括代码分析、小部件创建、调试、性能优化或架构决策。示例：<example>上下文：用户正在开发 Flutter 应用并遇到导航问题。用户：“我的 Navigator.push 在移动到新屏幕时无法正确更新 UI” 助手：“让我使用 flutter-dev 代理来分析您的导航设置并提供解决方案”<commentary>由于这是一个特定于 Flutter 的导航问题，因此请使用 flutter-dev 代理来提供有关 Navigator 问题的专家指导。</commentary></example> <example>上下文：用户希望创建一个符合其应用设计系统的自定义小部件。用户：“我需要创建一个与我们应用的设计系统相匹配的自定义按钮小部件” 助手：“我将使用 flutter-dev 代理来创建一个与您现有代码库结构和设计模式保持一致的按钮小部件”<commentary>用户需要一个遵循现有模式的 Flutter 小部件，因此请使用 flutter-dev 代理。</commentary></example>

在构建用户界面、实施 React/Vue/Angular 组件、处理状态管理或优化前端性能时，请使用此代理。该代理擅长创建响应式、可访问且高性能的 Web 应用程序。示例：\n\n<example>\n上下文：构建新的用户界面\n用户：“为显示用户分析创建一个仪表板”\n助手：“我将构建一个带有交互式图表的分析仪表板。让我使用 frontend-developer 代理来创建一个响应式、数据丰富的界面。”\n<commentary>\n复杂的 UI 组件需要前端专业知识才能正确实施和实现高性能。\n</commentary>\n</example>\n\n<example>\n上下文：修复 UI/UX 问题\n用户：“移动导航在小屏幕上已损坏”\n助手：“我将修复响应式导航问题。让我使用 frontend-developer 代理来确保它在所有设备尺寸上都能完美运行。”\n<commentary>\n响应式设计问题需要深入了解 CSS 和移动优先开发。\n</commentary>\n</example>\n\n<example>\n上下文：优化前端性能\n用户：“我们的应用在加载大型数据集时感觉很慢”\n助手：“性能优化对于用户体验至关重要。我将使用 frontend-developer 代理来实施虚拟化并优化渲染。”\n<commentary>\n前端性能需要 React 渲染、记忆化和数据处理方面的专业知识。\n</commentary>\n</example>

在开发原生 iOS 或 Android 应用程序、实施 React Native 功能或优化移动性能时，请使用此代理。该代理专门创建流畅、具有原生感觉的移动体验。示例：\n\n<example>\n上下文：构建新的移动应用\n用户：“为我们的应用创建一个 TikTok 风格的视频源”\n助手：“我将构建一个具有流畅滚动的性能视频源。让我使用 mobile-app-builder 代理来实施原生性能优化。”\n<commentary>\n视频源需要仔细的移动优化，以实现流畅的滚动和内存管理。\n</commentary>\n</example>\n\n<example>\n上下文：实施特定于移动设备的功能\n用户：“添加推送通知和生物识别身份验证”\n助手：“我将实施原生推送通知和面容 ID/指纹身份验证。让我使用 mobile-app-builder 代理来确保正确的平台集成。”\n<commentary>\n原生功能需要特定于平台的实施和正确的权限处理。\n</commentary>\n</example>\n\n<example>\n上下文：跨平台开发\n用户：“我们需要在 iOS 和 Android 上都具有此功能”\n助手：“我将使用 React Native 来实现代码重用。让我使用 mobile-app-builder 代理来确保两个平台上的原生性能。”\n<commentary>\n跨平台开发需要在代码重用与特定于平台的优化之间取得平衡。\n</commentary>\n</example>

通过清理根目录混乱、创建逻辑文件夹层次结构以及将文件移动到最佳位置来重组项目结构。跟踪依赖项并修复损坏的导入/路径。在项目结构变得笨拙或需要架构清理时主动使用。

当处理需要高级功能、性能优化或全面重构的 Python 代码时，请使用此代理。示例：<example>上下文：用户需要优化一个处理大型数据集的缓慢 Python 函数。用户：“此函数处理我们的数据时间过长，您能帮忙优化吗？” 助手：“我将使用 python-expert 代理来分析和优化您的 Python 代码，采用先进技术和性能分析。”</example> <example>上下文：用户希望在他们现有的同步 Python 代码中实现 async/await 模式。用户：“我需要将此同步代码转换为使用 async/await 以获得更好的性能” 助手：“让我使用 python-expert 代理来重构您的代码，采用正确的 async/await 模式和并发编程技术。”</example> <example>上下文：用户需要帮助实现复杂的 Python 设计模式。用户：“我想为我的 API 端点实现一个带有装饰器的工厂模式” 助手：“我将使用 python-expert 代理来实现带有装饰器和正确设计原则的高级 Python 模式。”</example>

当您需要在 6 天的开发周期内快速创建新的应用程序原型、MVP 或概念验证时，请使用此代理。该代理专门从事项目搭建、集成趋势功能和快速构建功能演示。示例：\n\n<example>\n上下文：开始一个新的实验或应用创意\n用户：“创建一个帮助人们克服电话焦虑的新应用”\n助手：“我将帮助您创建一个电话焦虑应用。让我使用 rapid-prototyper 代理来搭建此项目并构建一个 MVP。”\n<commentary>\n在开始任何新项目或实验时，请使用 rapid-prototyper 快速设置基础和核心功能。\n</commentary>\n</example>\n\n<example>\n上下文：需要测试一个趋势功能或病毒式概念\n用户：“我看到这个关于 AI 头像的 TikTok 趋势，我们可以围绕它构建一些东西吗？”\n助手：“这是一个很好的趋势机会！我将使用 rapid-prototyper 代理来快速构建一个以 AI 头像为特色的原型应用。”\n<commentary>\n为了利用趋势和病毒式内容，rapid-prototyper 可以快速创建可测试的原型。\n</commentary>\n</example>\n\n<example>\n上下文：以最小的投资验证一个商业想法\n用户：“我们需要测试人们是否愿意为订阅盒策划应用付费”\n助手：“让我们用一个快速原型来验证这个想法。我将使用 rapid-prototyper 代理来构建一个具有基本订阅和策划功能的 MVP。”\n<commentary>\n商业验证需要在全面投资之前通过快速原型来测试市场契合度。\n</commentary>\n</example>\n\n<example>\n上下文：为利益相关者演示创建演示应用\n用户：“我们下周要与投资者会面，需要向他们展示我们的愿景”\n助手：“我将帮助创建一个引人注目的演示。让我使用 rapid-prototyper 代理来构建一个功能原型，展示您的愿景。”\n<commentary>\n投资者演示和利益相关者演示受益于工作原型，而不仅仅是模型。\n</commentary>\n</example>

当您需要 React Native 开发任务的专家帮助时，请使用此代理，包括代码分析、组件创建、调试、性能优化或架构决策。示例：<example>上下文：用户正在开发 React Native 应用并需要导航问题的帮助。用户：“我的堆栈导航器在尝试在屏幕之间导航时无法正常工作” 助手：“让我使用 react-native-dev 代理来分析您的导航设置并提供解决方案”<commentary>由于这是一个特定于 React Native 的问题，因此请使用 react-native-dev 代理来提供有关导航问题的专家指导。</commentary></example> <example>上下文：用户希望创建一个遵循现有应用结构的新组件。用户：“我需要创建一个与我们应用的设计系统相匹配的自定义按钮组件” 助手：“我将使用 react-native-dev 代理来创建一个与您现有代码库结构和设计模式保持一致的按钮组件”<commentary>用户需要遵循现有模式的 React Native 组件开发，因此请使用 react-native-dev 代理。</commentary></example>

视觉模型、OCR 系统、条形码检测和视觉 AI 专家。紧跟最新模型（GPT-4V、Claude Vision、Mistral-OCR 等）、优化技术和专用库。主动用于图像处理、文档分析或视觉 AI 任务。

使用此代理获取使用 React、Next.js、NestJS 和其他现代 Web 框架以及 TypeScript 和 Tailwind CSS 的 Web 开发任务的专家帮助。这包括代码分析、组件创建、调试、性能优化和架构决策。示例：<example>上下文：用户正在构建 Next.js 应用并遇到路由问题。用户：“我在 Next.js 中的动态路由无法正确呈现” 助手：“让我使用 web-dev 代理来分析您的 Next.js 路由设置并提供解决方案”<commentary>这是一个特定于 Next.js 的路由问题，因此 web-dev 代理将提供有针对性的指导。</commentary></example> <example>上下文：用户需要一个带有 Tailwind CSS 的可重用 React 组件。用户：“我需要一个与我的应用的基于 Tailwind 的设计系统相匹配的卡片组件” 助手：“我将使用 web-dev 代理来创建一个使用 Tailwind CSS 样式的基于 TypeScript 的 React 卡片组件，遵循您的应用的设计模式”<commentary>用户需要一个与他们的 Tailwind CSS 设计系统保持一致的组件，因此 web-dev 代理可确保兼容性。</commentary></example>