当用户看不到进度、响应状态或 UI 变化时，实时 AI 聊天体验会显得不完整。此技能为 Claude、Codex 和 Claude Code 提供流式生命周期、进度事件、客户端效果和客户端工具的模式。

Agent 项目在 tool calls、handoffs 和 guardrails 变得难以管理之前，需要清晰的结构。此 skill 为 Python 团队提供可复用的 OpenAI Agents SDK 模式。

团队需要用于 FastAPI、SQLModel、Dapr 和 JWT 身份验证的一致后端脚手架。此技能为 API、事件、任务、数据访问和测试提供面向生产的模式。

大型 monorepo 会让依赖影响范围、任务选择和缓存行为变得难以追踪。此技能指导 Claude、Codex 和 Claude Code 完成聚焦的 Nx 工作流。

Next.js 项目可能会将路由、组件和构建细节分散隐藏在许多文件中。此技能通过 MCP 查询 Next.js DevTools，并汇总这些信息。

当连接模式、连接池和分支选择不明确时，serverless Postgres 设置可能会很慢。此 skill 为 Claude、Codex 和 Claude Code 提供实用的 Neon 示例、模板和工作流指导。

前端项目需要一致的 API 和表单类型。此技能会根据现有前端指导 TypeScript interface、union、generic 和命名模式。

Next.js 团队经常错误地混用 Server Components 和 Client Components。此技能为可访问、类型化的 App Router 组件提供可复用模式。

React 团队需要流畅动画，而不必从零重建模式。此技能提供 Framer Motion 参考资料、模板和示例，用于常见的 UI 动效工作。

技能作者需要可重复使用的指导，以设计能够正确触发并干净打包的技能。此技能为 Claude、Codex 和 Claude Code 工作流提供结构规则、入门脚本、验证步骤和评审模式。

随着上下文增长，长时间的 AI 对话可能会变慢、成本升高且可靠性下降。此技能提供用于压缩、屏蔽、缓存和分区的实用技术。

OAuth/OIDC 设置在身份验证服务器、客户端、令牌存储和重定向之间容易出错。此技能会指导使用 PKCE、JWKS、刷新、登出和电子邮件验证模式来设置 Better Auth 服务器和 Next.js SSO 客户端。

Next.js 16 改变了路由、params、proxy 文件和缓存模式。此技能为 Claude、Codex 和 Claude Code 提供聚焦指导，帮助正确实现。

纯文本聊天无法支持丰富的任务工作流。此技能帮助团队设计交互式小组件、操作、实体标记和服务器处理程序。

团队需要安全的 AI 聊天功能，用于连接 UI、身份验证、后端代理和上下文。此技能为 React、Next.js、Python 后端以及 cookie 代理流程提供 ChatKit 模式。

构建 ChatGPT Apps 需要特定的 widget metadata、服务器结构和测试步骤。此技能提供模板和指导，用于创建带有 MCP servers 和嵌入式 widgets 的交互式 Apps。

手动浏览器测试和数据收集可能很慢且难以重复。此技能为 Claude、Codex 和 Claude Code 提供本地 Playwright MCP 工作流，用于受控的浏览器操作。

创建 Catalyst-Relay 路由需要一致的 schema、handler、注册和文档。此技能指导端点结构、Hono 接线、响应封装、客户端映射和文档编写。

当每个函数遵循不同结构时，核心业务逻辑可能会变得不一致。此技能会引导 Claude、Codex 和 Claude Code 遵循 Catalyst-Relay 约定。

TypeScript 项目经常在 API、数据库和验证边界丢失安全性。此技能展示实用的 Zod、tRPC、Prisma 和 TypeScript 模式，让数据从端到端都保持类型化。