平台：Web 和移动（共享 React 模式）。对于 React Native 特定的模式（Pressable、ScrollView、FlashList、安全区域），请参阅react-native-patterns 技能。

用于构建可维护的 React Native 组件的模式。涵盖触摸交互（Pressable）、列表渲染（FlashList）、模态模式（底部表单）、可访问性、导航以及与 Web React 不同的 RN 特定要求。

平台：仅限网络。对于移动模态/表单，请参阅 expo-sdk 和 react-native-patterns 技能。

将静态数据转换为类型安全的 React 组件的模式。该技能涵盖 JSON → TypeScript → React 管道，重点是语义颜色系统、派生类型和格式化实用程序。

在以下情况下使用此技能：

双向桥接 UIKit 和 SwiftUI。包装 UIKit 视图和视图控制器以在 SwiftUI 中使用，将 SwiftUI 视图嵌入 UIKit 屏幕内，并跨边界同步状态。使用 Swift 6.2 模式以 iOS 26+ 为目标；除非另有说明，否则向后兼容 iOS 16。

审计 SwiftUI 视图端到端性能，从检测和基线到根本原因分析和具体补救步骤。

针对 iOS 26+ 和 Swift 6.2 的现代 SwiftUI 模式。涵盖架构、状态管理、导航、视图组合和组件使用。除非另有说明，模式向后兼容 iOS 17。

液态玻璃是 iOS 26（以及 iPadOS 26、macOS 26、tvOS 26、watchOS 26）中引入的动态半透明材质。它模糊其后面的内容，反射周围的颜色和光线，并对触摸和指针交互做出反应。使用 iOS 26 SDK 构建时，标准 SwiftUI 组件（选项卡栏、工具栏、导航栏、工作表）会自动采用 Liquid Glass。使用下面的 API 来自定义视图和控件。

检查、编写和修复 SwiftUI 动画。使用 Swift 6.2 模式应用具有正确计时、过渡和可访问性处理的现代动画 API。

暂无简介

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

该技能提供了用于收集、分析和记录来自利益相关者和现有系统的软件需求的结构化技术。

在编写测试（红色阶段）之前，确保充分理解需求：

有关详细的错误解决方案，请参阅 common-errors.md。

该技能涵盖使用 Fresh（Deno 的 Web 框架）、Preact（轻量级 React 替代方案）和 Tailwind CSS 进行 Deno 前端开发。 Fresh 使用“孤岛架构”，页面在服务器上呈现，只有交互部分将 JavaScript 发送到浏览器。

重复运行 npm run lint && npm run build ，修复出现的任何错误，然后重新运行，直到两个命令都成功。

检查文件是否符合 Web 界面指南。

来源：NextLevelBuilder / Magic UI / Framer 运动模式

Web 和移动应用程序的综合设计指南。包含 50 多种样式、97 种调色板、57 种字体配对、99 条 UX 指南以及跨 9 个技术堆栈的 25 种图表类型。可搜索的数据库，具有基于优先级的推荐。