创建 AI 技能时如果不进行测试，会导致代理在压力下忽略文档。此技能将测试驱动开发应用于技能创建：首先运行失败场景，记录失败情况，编写技能来解决这些具体差距，然后验证合规性。

使用此技能在编写代码之前生成包含 Bite-Sized 任务的全面实施计划。它将任务结构化为 2-5 分钟的步骤，包含精确的文件路径、测试命令和提交信息。

此技能修复由颜色对比度失败导致的 PageSpeed Insights 和 Lighthouse 可访问性错误。它会扫描触发可访问性审核失败的 CSS 模式，并提供经过验证的修复模式以提高 SEO 性能。

此技能可自动根据 Vercel 的 Web 界面指南审计 Web 界面，识别可访问性问题、用户体验问题和设计合规性违规。

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

本地 Web 应用程序测试需要可靠的浏览器自动化工具，无需手动配置。此工具包提供 Playwright 脚本和服务器管理实用程序，以简化前端测试工作流程。

本技能通过要求在实际验证证据基础上报告成功，防止 AI 代理做出虚假的完成声明。它确保测试通过、构建成功，且工作真正完成。

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

无需身份验证或配置即可将任何项目部署到 Vercel。此技能会自动打包您的代码、检测框架，并在几秒钟内返回实时预览 URL。

这个元技能通过要求 Claude Code 在任何响应或行动之前检查并调用相关技能，建立关键的工作流程纪律，防止错失机会和合理化行为。

Git worktree 支持同时在不同分支上工作而无需切换上下文。此技能提供系统的目录选择和安全验证，确保工作区隔离的可靠性。

创建专业的UI/UX设计需要深入了解无障碍性、色彩理论、排版和特定技术栈的模式。本技能提供了一个可搜索的数据库，包含50多种设计风格、配色方案、字体搭配和实施指南，帮助您更快地构建精美的界面。

使用精选设计主题将普通文档和演示文稿转化为视觉精美的作品。从10个预建主题中选择，或创建与您的品牌标识匹配的自定义样式。

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

随机修复浪费时间并产生新的bug。此技能提供了一个四阶段调试框架，在实施解决方案之前找出根本原因，避免在症状修复上浪费精力。

AI代理在复杂多任务实现方面往往力不从心。本技能通过为每个任务派遣全新的子代理，并强制要求规范合规性和代码质量审查来解决这一问题。

使用 Python PIL 创建针对 Slack 优化的动画 GIF。通过缓动函数和自动文件大小优化生成自定义动画，适用于表情符号和消息场景。

构建高效的 AI 技能需要理解上下文管理、渐进式披露和可复用资源设计。本技能提供了一个完整的框架，用于创建模块化技能，在不浪费上下文窗口空间的前提下扩展 Claude 的能力。

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

代码审查需要技术评估，而非情绪化表现。本技能提供了一个结构化模式，用于在实现前验证审查反馈，确保技术正确性而非社交舒适度。