用于视图、导航、状态、工具栏和文本编辑的现代 SwiftUI 模式。

Apple 的新材料设计将玻璃光学与流体交互相结合。适用于所有平台。

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

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

遵循 2025 年最佳实践，设计美观、易于访问且平台原生的移动应用界面的专家指南。

将内容构建为引人入胜的 Twitter/X 线程，以吸引注意力并提高参与度。

此技能提供了使用实用程序类、响应式设计和性能最佳实践通过 Tailwind CSS 设计 React 组件的指导。

您可以将 Tailwind CSS 样式应用于 Rails 应用程序。您可以有效地使用实用程序类并遵循响应式设计模式。

提供用于创建特定于项目的样式指南的模板。

该技能为使用 Vitest、React 测试库和 Jest 测试 React 应用程序提供了全面的指导。在编写单元测试、集成测试和确保代码质量时应用这些模式。

使用挂钩、组件组合、状态管理和并发功能实现现代 React 模式的专家指南。

您可以使用 TypeScript、钩子和最佳实践编写现代 React 组件。您可以创建干净、高性能且可维护的代码。

将见解、教训和经验转化为引人入胜、引起共鸣的故事。

规则：如果标签包含空格、特殊字符或标点符号，请将标签括在双引号中。

两种模式：

永远不要直接需要 Rails。使用延迟加载：

创建独特的非通用界面的核心原则。

用于创建独特的生产级界面的 Orchestrator。

独特视觉设计的实施模式。

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