使用 21st.dev 的 Magic 功能生成、比较和整合多种可用于生产的 UI 组件变体

管理 shadcn/ui 组件和项目，提供构建现代设计系统所需的上下文、文档和使用模式

验证动画时长，强制应用排版比例，检查组件可访问性，并防止 Tailwind CSS 项目中的布局反模式。适用于构建 UI 组件、审查 CSS 工具类、样式化 React 视图或确保设计一致性。

精通 Vercel AI SDK，涵盖核心 API（generateText、streamText）、UI 钩子（useChat、useCompletion）、工具调用以及使用 React 和 Next.js 构建的流式 UI 组件

关键：用于 Makepad 组件和 UI 元素。触发条件包括： makepad 组件、makepad View、makepad Button、makepad Label、makepad Image、 makepad TextInput、RoundedView、SolidView、ScrollView、"makepad component"、 makepad Markdown、makepad Html、TextFlow、rich...

现代 Angular UI 模式，用于加载状态、错误处理和数据展示。适用于构建 UI 组件、处理异步数据或管理组件状态。

现代 React UI 模式，用于加载状态、错误处理和数据获取。适用于构建 UI 组件、处理异步数据或管理 UI 状态时使用。

iOS 应用开发指南，涵盖 UIKit、SnapKit 和 SwiftUI，包括触控目标、安全区域、导航模式、动态字体、深色模式、可访问性、集合视图、常见 UI 组件及 SwiftUI 设计规范。如需特定主题的详细参考，请查阅参考文件。 适用场景：开发 iOS 应用、实现用户界面、审查 iOS 代码、处理 UIKit/SnapKit/SwiftUI 布局、构建 iPhone 界面、进行 Swift 移动开发、遵循 Apple HIG 标准、实现 iOS 可访问性功能