打造XR沉浸式交互体验
打造舒适的 VR/AR 体验
由 sickn33
创建沉浸式 VR 和 AR 应用，预防晕动症并保持最佳性能。学习业界验证的空间计算设计原则。
为Web应用添加全屏切换功能
由 7Spade
需要为您的Web应用程序提供跨浏览器全屏支持。本技能提供完整的模式来使用screenfull库和Angular实现全屏切换按钮、沉浸式显示模式和演示视图。
创建 Angular 20 独立组件
由 7Spade
Angular 20 引入了重大的语法改进，提升了性能和开发体验。本技能帮助开发者使用 Signals、新的输入输出函数以及现代控制流语法来搭建生产就绪的独立组件。
使用 React InstantSearch 实现 Algolia 搜索
由 sickn33
为 Web 应用添加搜索功能需要理解复杂的索引策略和 UI 模式。本技能提供 Algolia 集成、React InstantSearch hooks 和相关性调优方面的专业指导，帮助您打造卓越的搜索体验。
用参数化历史启用时间机器式编码
由 Cycleaddict
传统 AI 编码具有破坏性。一旦改变方向，之前的工作就会被覆盖。Parametric Scribe 为代码创建一种非线性编辑体验，将每个任务记录为可回放的步骤，可被修改并智能地重新应用到新上下文中。
为Web应用添加全屏切换功能
由 7Spade
为Web应用程序提供跨浏览器全屏支持。本技能提供完整的模式，使用Angular的screenfull库实现全屏切换按钮、沉浸式显示模式和演示视图。
创建 Angular 20 独立组件
由 7Spade
Angular 20 引入了重大语法变更，可提升性能和开发者体验。本技能帮助开发者使用 Signal、新的输入/输出函数以及现代控制流语法来搭建生产就绪的独立组件。
强化您的界面以应对生产环境的现实挑战
由 pbakaus
当真实用户输入意外数据、失去连接或使用辅助技术时，界面可能会崩溃。本技能系统性地增强您的 UI 以应对边缘情况、国际化问题、错误和可访问性差距，确保生产就绪的弹性。
使用 shadcn/ui 组件构建 React 工件
由 ZhanlinCui
为 Claude 对话创建多组件 React 工件需要复杂的打包和配置。此技能自动化项目设置，包含 React 18、TypeScript、Tailwind CSS 和 40+ 个 shadcn/ui 组件，然后将所有内容打包成单个 HTML 文件。
优化应用程序性能
由 Joseph OBrien
应用程序经常面临响应时间慢、内存使用高和用户体验差的问题。本技能提供专家指导，帮助识别瓶颈、优化代码、执行负载测试以及改进前端、后端和数据库层面的核心Web指标。
设计 Next.js 架构
由 Joseph OBrien
构建 Next.js 应用程序需要了解 App Router、Server Components 和性能模式。本技能提供专家级架构指导，帮助使用现代模式设计、迁移和优化 Next.js 应用程序。
设计与优化 CLI 命令
由 Joseph OBrien
创建高效的命令行界面需要理解设计模式、参数解析和用户体验原则。这项技能提供构建直观、文档完善且遵循既定惯例的 CLI 工具的专业指导。
在 Angular 中应用 RxJS 模式
由 7Spade
Angular 开发者在复杂的响应式编程模式和因订阅管理不当导致的内存泄漏方面感到困扰。本技能提供可直接使用的代码示例和最佳实践，涵盖 RxJS 操作符、Angular Signals 集成以及使用 takeUntilDestroyed() 进行正确清理。
构建 ng-alain 企业级 UI 组件
由 7Spade
构建企业级 Angular UI 需要了解 ng-alain 组件、主题和模式。本技能提供可立即使用的代码示例，包括 ST 表格、SF 表单、ACL 权限和响应式布局，遵循 Angular 最佳实践。
使用工具函数进行数据操作
由 7Spade
复杂的数据操作任务需要多个辅助函数。此技能为Angular项目提供了可直接使用的工具，包括数组操作、字符串格式化、日期计算和数字格式化等功能。