实时功能经常失败，是因为流式协议、重连和背压处理不一致。此技能为 Claude、Codex 和 Claude Code 提供 SSE、WebSockets、ReadableStream 和 LLM token 流式传输的实用模式。

团队通常需要可重复的数据清理，而不必通过提示发送大型记录。此技能提供可复用的 JavaScript 模式，用于筛选、映射、排序、去重和聚合。

安全审查经常遗漏常见的 Web 风险，并且证据收集不一致。此技能为 Claude、Codex 和 Claude Code 提供结构化的 OWASP 指南、扫描器工作流和审查检查清单。

静态视觉设计在制作前通常需要明确的艺术方向。此技能会创建一种视觉理念，并将其转化为精美的 PNG 或 PDF 画布艺术作品。

React Server Components 改变了数据、渲染和交互性在 Next.js 应用中的归属位置。此技能为 Claude、Codex 和 Claude Code 提供 App Router 架构、Server Actions、流式传输和迁移工作的实用模式。

在 AI 编码会话中，Obsidian Bases 数据可能难以检查。此技能向 Claude、Codex 和 Claude Code 展示如何查询本地 Bases RPC plugin，并汇总结构化笔记数据。

团队通常需要在幻灯片、文档和生成的视觉内容中保持一致的品牌样式。此技能为 Claude、Codex 和 Claude Code 提供清晰的颜色、排版和层级规则，用于创建 Anthropic 风格的产物。

DevPrep AI 项目需要一致的 TypeScript、导入、命名和架构标准。此技能会运行本地检查，并提供有针对性的指导来修复质量违规问题。

电子表格工作通常需要在复杂文件中处理公式、格式设置和验证。此技能指导 Claude、Codex 和 Claude Code 构建、编辑、分析并重新计算 Excel 工作簿，从而减少公式错误。

复杂制品通常需要比单个 HTML 文件所能提供的更多结构。此技能会创建一个 React、Tailwind CSS 和 shadcn/ui 项目，并将其打包成可共享的制品。

AI 代理经常在需求、依赖项和风险尚不明确时就开始实现。Quality Gates 为 Claude、Codex 和 Claude Code 在工作开始前提供结构化检查。

仅凭源文件很难验证本地 Web 应用的行为。此技能指导 Claude、Codex 和 Claude Code 通过基于 Playwright 的检查、截图、日志和 UI 检查来完成验证。

生成艺术项目通常需要清晰的概念、可复现的随机性和交互式控制。此技能引导 Claude、Codex 和 Claude Code 基于一种算法哲学来创建 p5.js 艺术作品。

设计原型通常包含重复的标记、薄弱的结构以及缺失的无障碍细节。此技能会将这些原型转换为有类型、可复用且适配目标项目的前端组件。

一致的视觉样式需要时间和设计判断。Theme Factory 提供精选主题，帮助 Claude、Codex 和 Claude Code 快速为制品设置样式。

Zentao 规划和更新可能需要反复复制、检查日期以及手动更改任务状态。此技能通过预览优先的脚本，将任务计划转化为经过审查的 ZenTao 操作。

缓慢的应用会造成糟糕的用户体验并提高基础设施成本。此技能帮助团队发现瓶颈，并针对数据库、API、缓存、前端渲染和监控应用成熟的优化方法。

团队在编写 AI 技能时需要一个一致的起点。此模板为 Claude、Codex 和 Claude Code 提供了一个简单结构，用于编写技能元数据和说明。

团队通常需要既实用又不会变成大型规格说明的设计文档。此技能会审查项目上下文，并生成面向 MVP、简洁的实施计划。

生产服务需要一致的日志、指标、链路追踪、告警和健康探针。此技能提供实用的 TypeScript 和 Prometheus 模板，用于添加这些可见性能力。