开发VR虚拟现实内容
精���测试驱动开发工作流
由 sickn33
在编写代码之后再编写测试无法证明测试实际上验证了任何内容。此技能强制执行红-绿-重构循环,每个测试必须在实现之前失败,确保测试验证真实行为。
使用 shadcn/ui 构建 React artifacts
由 DYAI2025
使用原始 HTML 构建复杂的 artifacts 既缓慢又受限。此技能提供了一个完整的开发环境,包含 React、Tailwind CSS 和 40 多个预构建的 shadcn/ui 组件。初始化项目、使用现代工具开发,并将所有内容打包到单个可移植的 HTML 文件中。
分析 WordPress 主题以进行 E2E 测试生成
由 CrazySwami
WordPress 开发人员难以识别主题中所有可测试的元素以进行全面的 E2E 测试。此技能会自动扫描 PHP 和 JavaScript 文件,提取表单、导航菜单、动态内容和交互,生成用于 Playwright 的结构化测试数据。
使用 shadcn/ui 组件构建 React 工件
由 ZhanlinCui
为 Claude 对话创建多组件 React 工件需要复杂的打包和配置。此技能自动化项目设置,包含 React 18、TypeScript、Tailwind CSS 和 40+ 个 shadcn/ui 组件,然后将所有内容打包成单个 HTML 文件。
应用测试驱动开发
由 ZhanlinCui
在代码完成后写测试会导致虚假信心和遗漏边界情况。本技能强制执行TDD纪律:先写一个失败的测试,然后仅编写足够的代码使其通过。
请求AI代码审查
由 ZhanlinCui
开发者往往因为过于接近实现而忽略自己代码中的问题。此技能会派遣AI子代理来根据需求审查代码变更,检查质量、架构、测试和生产就绪性,然后再合并。
使用 WXT 构建跨浏览器扩展
由 yamadashy
浏览器扩展项目经常面临跨浏览器兼容性和正确的国际化设置问题。本技能为基于 WXT 的扩展开发提供清晰指导,支持 Chrome、Firefox 和 Edge,并包含正确的 i18n 结构。
使用 MCP 工具调试 Next.js 应用程序
由 92Bilal26
调试复杂的 Next.js 应用程序需要检查路由、组件和构建配置。此技能提供基于 MCP 的工具,可直接从开发环境中列出路由、检查组件和查看构建信息。
使用 TDD 方法论编写测试
由 Joseph OBrien
此技能帮助开发者遵循 Python 项目的测试驱动开发实践。它指导用户完成红-绿-重构周期、pytest 配置和测试质量审计。
查找代码上下文与依赖
由 Joseph OBrien
开发者在处理不熟悉的代码或进行修改时经常会失去上下文。此技能会自动检测何时需要上下文,并呈现相关的知识图谱条目、代码关系、依赖项和测试。
在 Angular 中应用 RxJS 模式
由 7Spade
Angular 开发者在复杂的响应式编程模式和因订阅管理不当导致的内存泄漏方面感到困扰。本技能提供可直接使用的代码示例和最佳实践,涵盖 RxJS 操作符、Angular Signals 集成以及使用 takeUntilDestroyed() 进行正确清理。
创建 Angular 20 独立组件
由 7Spade
Angular 20 引入了重大的语法改进,提升了性能和开发体验。本技能帮助开发者使用 Signals、新的输入输出函数以及现代控制流语法来搭建生产就绪的独立组件。
使用双线程架构开发 FigJam 插件
由 7nohe
FigJam 插件开发需要了解 Figma API 约束和 WebSocket 通信。本技能提供有关在 FigJam 中构建、调试和部署渲染 AWS 架构图的插件的指导。
开发 Figram 核心 DSL 处理包
由 7nohe
Figram 核心包需要在类型、验证、规范化和差异逻辑之间进行仔细协调。本技能提供了一个结构化的工作流程,用于扩展具有类型安全和一致数据流模式的 DSL 处理。
诊断错误并找到根本原因
由 727474430
软件错误会浪费开发人员大量时间。此技能提供系统性的根本原因分析,精确定位错误发生的位置和原因。它提供详细的诊断报告,包括具体的代码位置、分步修复指导以及多种解决方案选项。