赋予您的代理按照组合和复合组件等现代模式构建可重用 React 组件的能力。
创建新的组件库或实施设计系统时
将重复代码重构为可重用的 UI 组件（按钮、卡片、模态框）时
构建需要灵活定制或多种变体的复杂组件时
使用 TypeScript 接口设计清晰、类型安全的 Props API
使用组合模式从较小的部分构建复杂的 UI
将业务逻辑分离到自定义 Hook（例如 useModal）中以获得更好的重用性
在适当的情况下使用 React.memo、useMemo 和 useCallback 优化性能
你
我需要一个灵活的卡片组件，它可以包含页眉、主体和页脚。
Agent
我将使用复合组件模式实现一个 Card 组件。我将创建主 Card 容器，并附加 Card.Header、Card.Body 和 Card.Footer 等子组件。这种方法允许您以最大的灵活性组合卡片，同时在整个应用程序中保持一致的结构。
让您的智能体能够应用 React 组合模式（如复合组件和上下文提供者）来构建灵活的 API。
使您的代理能够掌握先进的提示词工程技术，从而最大限度地提高大语言模型 (LLM) 的性能和可靠性。
赋予您的智能体实现久经考验的后端架构模式的能力，如整洁架构 (Clean Architecture)、六边形架构 (Hexagonal Architecture) 和领域驱动设计 (DDD)。
使您的代理能够使用 pytest、fixtures 和 Mock 技术实施全面的 Python 测试策略。
赋予您的智能体掌握 Python asyncio 和并发编程模式的能力，以实现高性能、非阻塞的 I/O 操作。
