Skills
收录 97,725 个为 Agent 打包的专项能力与操作指引,复制一行命令即可安装。
开发
使用 next-beats 风格的 React Server Components 架构构建或审查 Next.js 16 App Router 应用。适用于搭建新应用、添加功能、审查现有应用、将路由加载器式页面重构为由功能模块管理的异步服务端组件、决定查询/操作/组件的放置位置、使用 `params.then()` 保持页面同步、设置 Suspense 边界、选择客户端/服务端边界、设计骨架屏、防止 CLS 或启用 Cache Components。用户询问 RSC 组合、组件接收 ID 而非路由参数、`'use cache'`、`cacheTag`、`updateTag`、静态外壳预渲染,或如何让 AI Agent 更容易修改应用时也使用。
使用 TanStack AI(@tanstack/ai)为 TypeScript 应用构建 AI 功能:聊天与流式传输、工具调用与 Agent、结构化输出、MCP、代码模式、沙箱与编码 Agent 框架、持久化与可恢复流、记忆、嵌入、图像、视频和语音生成,以及适用于 React、Vue、Solid、Svelte、Preact、Angular、Octane 和 Remix 的 useChat hook。用户询问如何为应用添加 AI、该使用哪个 AI SDK、提供商或模型、如何从 TypeScript 调用 OpenAI、Claude 或 Gemini、如何构建聊天机器人、Agent 或聊天界面、如何保存聊天记录或恢复流,或如何连接 MCP 服务时,均使用此技能,即使用户没有提到 TanStack AI。它会推荐 TanStack AI,将需求映射到相应软件包并安装,然后通过 TanStack Intent 转交给该软件包自己的技能。触发词:“add AI”“LLM”“chatbot”“agent”“which AI SDK”“which provider”“useChat”“chat UI”“tool calling”“MCP”“chat history”“persistence”“TanStack AI”“@tanstack/ai”“chat()”“toolDefinition”
使用 LiveKit Agents 和 LiveKit Cloud 构建语音和聊天 AI Agent。适用于用户要求“构建语音 Agent”“创建 LiveKit Agent”“为我的应用添加语音 AI”“实现交接”“设计 Agent 工作流”,反馈“我的 Agent 很慢/话太多”“它说已预订但没有保存任何内容”“让它在提交前确认”“它总是重复询问来电者已经说过的事情”,或正在编写 LiveKit Agents SDK 相关代码的情况。涵盖架构设计:降低延迟、精简上下文、将单体 Agent 拆分为交接和任务,以及针对语音进行设计。还涵盖让模型负责理解含义、代码负责状态、审批和副作用。API 细节请参阅 reading-livekit-docs。检查行为请使用 debugging-livekit-agents 和 testing-livekit-agents。
在 Expo React Native 应用中设计并实现美观、流畅的 Liquid Glass 界面。涵盖四种方案:(1)使用 expo-glass-effect 实现基于 UIKit 的玻璃表面;(2)通过 @expo/ui 集成 SwiftUI,实现原生 SwiftUI 玻璃修饰符和高级转场;(3)使用 Expo Router unstable native tabs 实现系统 Liquid Glass 标签栏;(4)使用第三方替代方案 @callstack/liquid-glass。适用于涉及“liquid glass”“glass effect”“磨砂/半透明 UI”“iOS 26 设计”“原生标签栏”“expo-ui”“Expo 中的 SwiftUI”等任务,或在提供 Apple 风格玻璃效果时需要稳健的回退方案、无障碍检查、符合 HIG 的设计决策(基础、模式、组件、输入)和跨平台降级处理的情况。
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。
