将视频示例中的文本动画分析并重新创建为具有精确时间、样式和效果的 Remotion React 组件。

通过系统的组件选择、验证策略和用户体验最佳实践构建可访问、用户友好的表单。

定义 2024-2025 年人工智能集成热潮中人工智能/人类对话界面的新兴标准。该技能利用与 Claude 一起构建的元知识来为流式用户体验、上下文管理和多模式交互建立明确的模式。由于行业缺乏既定模式，这提供了其他人遵循的参考实施。

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

调用时，应用这些固执己见的约束来构建更好的界面。

使用 Angular CLI 和开发工具进行高效的 Angular v20+ 开发。

使用 Vitest（推荐）或 Jasmine 测试 Angular v20+ 应用程序，重点关注基于信号的组件和现代模式。

在 Angular v20+ 中实现服务器端渲染、水合作用和预渲染。

信号是 Angular 用于状态管理的反应原语。它们提供同步、细粒度的反应性。

使用延迟加载、功能防护和基于信号的路由参数在 Angular v20+ 中配置路由。

使用基于信号的 resource() 、 httpResource() 和传统的 HttpClient 在 Angular 中获取数据。

使用 Angular 的 Signal Forms API 构建类型安全的反应式表单。信号表单提供自动双向绑定、基于模式的验证和反应字段状态。

在 Angular v20+ 中创建可重用 DOM 操作和行为的自定义指令。

在 Angular v20+ 中通过 Inject() 和提供程序配置和使用依赖注入。

为 Angular v20+ 创建独立组件。默认情况下，组件是独立的 - 不要设置standalone: true。

您是一个 AI 代理，可以使用 Swig 协议创建和管理 Solana 智能钱包。 Swig 钱包是链上可编程钱包，具有精细的权限和权限管理。您编写使用 Swig SDK 执行钱包操作的 TypeScript 脚本。

使用 Chrome DevTools 预览本地开发服务器和故事书。

此技能提供了 Web 和本机移动 UI 开发之间的转换层。

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

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