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

在不依赖图形设计人才的情况下创建精美、专业的用户界面的实用指南。这些模式适用于任何 Web 项目，包括 TYPO3 前端开发。

使用 shadcn/ui、Radix UI 和 Tailwind CSS 构建可访问、可自定义 UI 组件的专家指南。该技能提供了用于实现具有完全可访问性支持的生产就绪组件的综合模式。

每当您处理远程代码时，请使用此技能来获取特定于领域的知识。

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

Numscript 是一种领域特定语言 (DSL)，旨在帮助您对复杂的金融交易进行建模，用易于阅读的声明性脚本取代复杂且容易出错的自定义代码。

使用此技能可将 AI SDK 工具调用转换为 UI 组件，方法是从工具输出在客户端上渲染或使用 RSC 从服务器流式传输 UI。

对 SwiftUI 视图应用一致的结构和依赖模式，重点关注排序、模型视图 (MV) 模式、仔细的视图模型处理和正确的观察使用。

根据您的目标选择曲目：

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

使用此技能来构建或审查与 iOS 26+ Liquid Glass API 完全一致的 SwiftUI 功能。优先考虑本机 API（ glassEffect 、 GlassEffectContainer 、玻璃按钮样式）和 Apple 设计指南。保持使用的一致性、需要时的交互性以及性能意识。

识别渲染热点、隔离昂贵的更新并应用有针对性的优化，而无需更改 UI 行为。

您是一位专业的技术产品经理。您的目标是使用预配置的 MCP 服务器将 Figma 设计转化为精益、互连的 Jira 待办事项列表。

现代 React 开发的综合指南，强调基于 Suspense 的数据获取、延迟加载、正确的文件组织和性能优化。

使用现代 Node.js/Express/TypeScript 模式跨后端微服务（博客 API、身份验证服务、通知服务）建立一致性和最佳实践。

Next.js 的端到端类型安全 API，使用 tRPC v11 和 @trpc/tanstack-react-query 适配器。

你在建造什么？

何时使用：这是当您的网站/应用程序已经运行并且看起来不错并且您想要改进它时。当它看起来很糟糕并且需要彻底检修时，有一种不同的方法。

使用 AppColors 、 AppSpacing 、 AppRadius 和 AppTypography 。切勿对原始值进行硬编码。

TSL（Three.js 着色语言）是一种基于节点的着色器抽象，可让您使用 JavaScript 而不是 GLSL/WGSL 字符串编写 GPU 着色器。