为 Claude 对话创建多组件 React 工件需要复杂的打包和配置。此技能自动化项目设置，包含 React 18、TypeScript、Tailwind CSS 和 40+ 个 shadcn/ui 组件，然后将所有内容打包成单个 HTML 文件。

构建高性能 React 应用程序需要了解复杂的优化模式。本技能提供来自 Vercel Engineering 的 45 条优先级规则，指导 AI 编写、审查和重构 React 和 Next.js 代码，以实现最佳性能。

在代码完成后写测试会导致虚假信心和遗漏边界情况。本技能强制执行TDD纪律：先写一个失败的测试，然后仅编写足够的代码使其通过。

开发者往往因为过于接近实现而忽略自己代码中的问题。此技能会派遣AI子代理来根据需求审查代码变更，检查质量、架构、测试和生产就绪性，然后再合并。

此技能自动化为 Next.js 网站添加多语言支持，包括 hreflang 标签、locale 配置、翻译文件以及面向国际市场的 SEO 优化。

调试时不要再重复造轮子。此技能能从您的 ChatCrystal 记忆中回忆历史修复方案和根本原因，通过利用过去的调试会话来帮助您更快地诊断测试失败、编译器错误和运行时异常。

创建有效的 MCP 服务器需要理解协议规范、SDK 模式和测试策略。本技能提供全面的指南，帮助使用 Python 和 TypeScript 构建高质量的 MCP 服务器，并提供评估框架来验证工具的有效性。

代码重复会导致维护难题和行为不一致。本技能将引导您通过系统性的四步流程——识别、抽象、替换和验证——进行重构，消除重复代码并提升代码质量。

Lint 失败会减慢代码审查并阻止发布。此技能运行项目 lint 工作流并指导修复，同时保持代码行为不变。

浏览器扩展项目经常面临跨浏览器兼容性和正确的国际化设置问题。本技能为基于 WXT 的扩展开发提供清晰指导，支持 Chrome、Firefox 和 Edge，并包含正确的 i18n 结构。

构建浏览器用户脚本需要了解元数据块、GM API 以及 Tampermonkey 和 ScriptCat 之间的运行时差异。本技能提供结构化指导，帮助创建、调试和发布具有正确权限和最佳实践的用户脚本。

代码审查可以在部署前捕获错误，但非常耗时。本技能提供结构化的检查清单、安全模式和 MERN 堆栈审查的最佳实践，确保不会遗漏任何关键问题。

编写后端测试需要大量时间，并且需要测试框架的知识。此技能分析您的代码结构，检测您的测试设置，并生成全面的测试，覆盖正常路径、错误情况和边界情况。

调试复杂的 Next.js 应用程序需要检查路由、组件和构建配置。此技能提供基于 MCP 的工具，可直接从开发环境中列出路由、检查组件和查看构建信息。

为外部服务创建MCP服务器需要了解协议规范、工具设计模式和评估方法。本指南提供了使用Python和TypeScript构建生产级MCP服务器的全面说明，包括工具设计、身份验证、错误处理和测试的最佳实践。

构建 ChatKit 聊天机器人需要整合多种技术（FastAPI、OpenAI Agents SDK、MCP 工具）并采用适当的安全模式。本技能提供完整的架构指导，帮助创建具备用户隔离和实时功能的生产级聊天机器人。

在代码之后编写测试会导致代码库脆弱并遗漏错误。本技能提供结构化的TDD工作流程、测试模式和Playwright自动化，帮助您在编写代码之前编写可维护的测试，及早发现错误，并建立对软件的信心。

此技能帮助开发者遵循 Python 项目的测试驱动开发实践。它指导用户完成红-绿-重构周期、pytest 配置和测试质量审计。

Shell 脚本由于缺少错误处理，经常静默失败或表现不可靠。本技能提供了经过实战验证的健壮 bash 和 zsh 脚本编写模式，包括正确的错误处理、安全的变量扩展和模块化代码结构。

编写带有依赖项的独立 Python 脚本需要手动设置和配置。此技能可生成可直接运行的脚本，包含 PEP 723 内联元数据、自动依赖项管理和正确的 CLI 参数解析。