编写React组件，获得真正的MP4视频。这项技能教您的 AI 代理如何使用 Remotion 进行构建 - 从第一个动画到生产渲染管道。

针对 React 和 Next.js 应用程序的综合性能优化指南，包含 8 个类别的 40 多个规则。规则按影响进行优先级排序，以指导自动重构和代码生成。

这项技能指导创建独特的、生产级的前端界面，避免通用的“AI slop”美学。实施真正的工作代码，特别注重美学细节和创意选择。

使用工具、身份验证和部署在 Cloudflare Workers 上创建生产就绪的模型上下文协议服务器。

使用 Cloudflare 的 Agents SDK 创建具有持久状态、实时通信和工具集成的 AI 支持的代理。

通过 MCP 服务器检查和调试 Next.js 应用程序。

具有语义分块、增量更新和过滤检索功能的生产级 RAG。

通过独特的设计正确构建 Next.js 16 应用程序。

创建 MCP（模型上下文协议）服务器，使 LLM 能够通过精心设计的工具与外部服务交互。 MCP 服务器的质量是通过它使 LLM 完成实际任务的能力来衡量的。

使用交互式小部件创建 ChatGPT 应用程序，在 ChatGPT 对话中呈现丰富的 UI。应用程序将 MCP 服务器（提供工具）与通过 window.openai API 进行通信的嵌入式 HTML 小部件相结合。

使用操作和实体标记创建用于 AI 聊天的交互式小部件。

通过自定义后端集成构建生产级人工智能聊天界面。

设计并实现令人难忘的前端界面，具有清晰、有意的美感。输出必须是真实的、有效的代码——而不仅仅是情绪板。这项技能是关于设计思维+执行：每一个视觉选择都应该植根于目的和背景。

设计并实现令人难忘的前端界面，具有清晰、有意的美感。输出必须是真实的、有效的代码——而不仅仅是情绪板。这项技能是关于设计思维+执行：每一个视觉选择都应该植根于目的和背景。

使用 Tailwind CSS 构建可投入生产的设计系统，包括设计令牌、组件变体、响应模式和可访问性。

没有 ViewModel 的纯 SwiftUI 架构的简洁入口点。使用模式、示例和边缘情况的参考。

该技能侧重于特定于 React 的测试模式。对于一般 DOM 测试模式（查询、用户事件、异步、可访问性），请加载前端测试技能。对于 TDD 工作流程，加载 tdd 技能。

具有基于功能的架构、类型安全状态管理和性能优化的生产级 React 开发。

用于行为驱动测试的与框架无关的 DOM 测试库模式。对于 React 特定的模式（renderHook、上下文、组件），加载反应测试技能。对于 TDD 工作流程 (RED-GREEN-REFACTOR)，加载 tdd 技能。

具有架构原则、适当的特异性管理和可维护模式的生产级 CSS 开发。