SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
11,379 个结果
preact-db 是 TanStack DB 的 Preact 绑定包，导入名为 @tanstack/preact-db，并重新导出 @tanstack/db 的全部能力。它面向 Preact 10+，仅提供 ES 模块。核心是 useLiveQuery 钩子，可用查询回调、带 queryKey 的配置对象或预先创建好的 live query collection 来构建实时查询；另有 useLiveInfiniteQuery 支持分页加载。查询读取具体的源 Collection。由于 Preact 目前没有 DbProvider，不能绑定 collection 描述符，也不能从 DbClient 读取；若对描述符发起查询，并在消费时执行会抛错，这类 SSR 与 hydration 场景建议改用 @tanstack/react-db 或 @tanstack/svelte-db。
app-hotkeys 是 TanStack Hotkeys 生态中的快捷键目录技能，用于在应用内集中声明与管理所有键盘快捷键，并支撑快捷键速查表或帮助对话框、带快捷键的命令面板等界面。它基于 hotkeys-core，通过 defineAppHotkeys 在一个模块中声明全部快捷键，包括按键、名称元数据与作用域；根 provider 保存用户自定义快捷键，组件再把声明的快捷键与回调注册起来。该技能强调以 app hotkey 而非单独配置或手写速查表来统一管理，并对用户改键持久化、冲突检测、作用域划分等给出了具体注意事项。
react-hotkeys 是 TanStack Hotkeys 面向 React 的绑定技能，用于在 React 应用中添加或修复键盘快捷键。它提供 useHotkey、useHotkeys 等 Hook 注册单个和弦、序列或应用级热键，并通过 HotkeysProvider 统一设置默认选项、作用域（对话框可独占键盘）、启用状态与应用热键。还包含读取上下文的 useHotkeysContext、管理用户自定义热键的 useCustomHotkeys、录制快捷键的 useHotkeyRecorder、查询提示与按键状态的 useHotkeyHint、useKeyHold 等 Hook，并重新导出 formatForDisplay 等核心工具。无需 Provider 也可使用；在服务端组件框架中需在客户端组件内使用。
指导 Kendo UI for Angular 版本升级的技能，讲解破坏性变更、安全迁移路径与主题兼容性，帮助判断升级是否安全及如何准备，实际代码变更交由 Kendo CLI 与 MCP 升级助手执行。
vue-best-practices 是一套面向 Vue 3 与 TypeScript 项目的开发最佳实践规则集合，来源于 tencentblueking/bk-bcs。它围绕 vue-tsc 严格模板检查、Volar/Vue Language Server、Vite 插件配置、组件 props 与事件、Composition API、路由类型、Pinia 测试以及编辑器性能等常见问题，提供一系列可按需加载的规则文件。每条规则包含关键词和说明，用于在遇到具体错误或场景时通过 IF-THEN 判断加载对应内容。
DBM 前端的排版与交互设计规范，沉淀了可复用的设计令牌（间距、字号、颜色）、四类页面骨架的判定与实现范式，以及列表页、工具箱提单页、详情页、弹窗侧滑与按钮体系的具体取值，用于新建或修改页面、组件、样式时参照。
Design to Code 是一个用于将设计稿、截图或 UI 图片转换为 Vue 3 前端代码的技能。它在用户提供设计图、界面截图、线框图或原型时使用。该技能要求严格按照三阶段顺序执行且不可跳步：先是布局骨架分析，只关注空间划分，识别页面整体方向（纵向流式/横向分栏/混合），从外到内逐层拆分区域并标注排列方向与嵌套层级，用 mermaid 树状图输出布局骨架及仅含 div 和 class 的 template 伪代码，待用户确认布局后再进入下一阶段；接着是元素填充，在已确认的骨架中逐区域填入具体 UI 元素，确定使用项目已有组件还是 bkui-vue 基础组件，并编写 script 逻辑与 style 样式；最后是交互接入，补充事件绑定、数据请求、状态联动和路由跳转。该技能还规定了 CSS class 命名规范，要求使用以 - 连接的 BEM 风格（block-name-element-name），禁止单个单词、双下划线、下划线、驼峰及除 - 以外的符号；命名需至少包含两个用 - 连接的语义词组，Block 层级使用页面或模块前缀保证唯一性；样式书写禁止使用 &__ 或 &- 拼接生成 class，所有子选择器必须写完整 class 名。
腾讯云 CloudBase 云存储 Web SDK（@cloudbase/js-sdk）使用指南，介绍在浏览器端上传、下载、生成临时链接、删除文件及 CORS 配置等操作。
Hugo 是一款静态网站生成器：它把项目目录里的 Markdown 内容、模板、资源和配置读入，几秒内输出到 public/ 目录，生成完整的 HTML 网站，无需数据库或服务器运行时。它内置带实时重载的开发服务器、CSS/JavaScript/图片资源管线、多语言支持，以及标签、分类等分类法。适用于文档、博客、落地页或可作为纯静态文件托管的企业站点。本条目整理了安装、建站、配置、写作、预览、构建、内容状态查看、环境变量、Hugo Modules 主题、部署与注意事项等操作说明，并附带示例与限制：不建议用于需要按请求执行服务端逻辑、登录用户内容或数据库的站点。官网示例假定 Hugo v0.158.0 或更高版本。
Material UI（@mui/material）是 MUI 提供的开源（MIT 许可）React 组件库，实现 Google Material Design 设计规范。它提供大量可访问性良好的现成组件，包括按钮、表单、对话框、表格、标签页、抽屉、Snackbar 等，并提供布局辅助组件（Box、Stack、Grid、Container）以及可控制调色板、排版、间距、断点和各组件默认值的主题对象。样式默认通过 Emotion 实现。当前主版本为 v9，移除许多旧教程和 AI 模型仍会建议的 prop，代码需按 v9 API 编写。Data Grid、Date Pickers、Charts 等复杂数据组件位于独立的 MUI X 包中。
Nuxt 3 全栈 Vue 框架技能：支持服务端渲染、自动导入、文件式路由、Nitro API 路由与 200+ 模块，帮助开发者构建生产级 Vue 应用，可按路由实现 SSR/SSG/SPA 混合渲染。
Pinia 是 Vue.js 官方状态管理库，用于构建类型安全、模块化的 Vue 应用状态。本技能帮助开发者使用 Pinia 的 setup store 与 option store 两种写法定义 store，通过 ref/computed 实现 state 与 getters，可在 actions 中编写同步或异步逻辑，并借助 storeToRefs 在组件中解构保持响应性。它支持 TypeScript 类型推断、插件、SSR 兼容以及与 Vue DevTools 集成，可用以替代 Vuex。安装方式为 npm install pinia，并在入口通过 createPinia 注册。
Radix UI 是一套无样式的 React 无障碍基础组件库，提供下拉菜单、对话框、弹出层、标签页、手风琴等交互原语。每个组件内置键盘导航、焦点管理、屏幕阅读器支持和 ARIA 属性，开发者只需自行添加样式。它是 shadcn/ui 的底层基础。可安装统一的 radix-ui 包（推荐，支持 tree-shaking）或单独的 @radix-ui/react-* 包，并需保持所有 Radix 包版本一致以避免依赖重复。
React 是一个用于构建用户界面的 JavaScript 库，本技能聚焦 React 19 的组件、状态、副作用、表单与数据加载写法。内容涵盖项目初始化（Vite、Next.js、React Router）、React 19 相对 18 的 API 变化（ref 作为普通 prop、Context 直接作为 Provider、use、useActionState 等）、React Compiler 自动记忆化、Actions 表单提交、useOptimistic 乐观更新、useEffect 的正确使用边界、状态与 key 的放置、服务端/客户端组件边界、Suspense 与错误边界加载数据，以及组件测试与性能优化。适合需要按 React 19 现代写法开发或调试 React 界面的开发者。
React Bits 是一个包含 215+ 免费动画 React 组件的库，按文本动画、动画效果（光标、悬停、边框）、组件（卡片、导航、画廊）、微交互（按钮、开关）和背景（渐变、粒子、网格、着色器）分类。它不是 npm 依赖，而是通过 shadcn CLI 或 jsrepo 将组件源码复制进项目，之后代码由用户自行编辑。每个组件提供 JS/TS 与 CSS/Tailwind 四种版本组合（如 SplitText-TS-TW）。该技能可帮助智能体挑选、安装组件、补齐依赖包并接入页面，也可通过 shadcn MCP 服务器由助手搜索并添加组件。适合为落地页制作带入场、光标与背景动效的视觉区块。收费的 React Bits Pro 属于独立产品，本技能仅覆盖免费库。
React Email 是一个使用 React 组件构建响应式 HTML 邮件的库。它帮助开发者以类型安全的组件、实时预览和与邮件服务商（Resend、SendGrid、Postmark、AWS SES）集成的方式，创建跨客户端兼容的邮件模板，用现代组件化工作流替代脆弱的 HTML 表格布局。
面向 React Native + Expo 移动开发的中文技能包，覆盖 Expo Router 文件路由、Expo SDK 模块（相机、通知、安全存储等）、EAS 云端构建与提交、OTA 热更新及完整开发流程，从 npx create-expo-app 到上架。
Rsbuild 是基于 Rspack 的 Web 应用构建工具，可用 Webpack 兼容的插件生态为 React、Vue、Svelte 及原生项目配置快速构建，内置 TypeScript、CSS 与资源支持，适合需要提速并复用现有 Webpack 配置的开发者。
swiftui-ui-patterns 是一套面向 SwiftUI 界面搭建与应用结构的模式指南，围绕少量经过验证的做法组织：每个状态由谁持有、标签页与导航栈的应用骨架、用枚举驱动导航与弹窗呈现、以及加载中／已加载／失败等阶段的状态建模。它不提供组件目录，而是针对每个关键决策给出一种模式，并附两个完整示例供参考。内容涉及状态所有权表（含 iOS 17 前后两套写法）、TabView 与 NavigationStack 组合、Hashable 路由枚举、单个可选 Identifiable 枚举驱动 sheet、LoadPhase 枚举、.task 与 .refreshable、ContentUnavailableView、搜索、表单与无障碍标签、以及按阶段编写 #Preview。同时说明了部署目标与 Xcode 版本差异、API 可用性要求（iOS 16／17／18）和若干反模式（复制状态、多个布尔标志、AnyView、在 init 或 body 中发起请求等）。
为 Tailwind CSS 项目添加动画的技能：既可用内置动画工具类，也能引入 tailwindcss-animate 插件实现进入、退出、延迟与错峰效果，或用自定义 keyframes 扩展动画。
TanStack Start 是一个基于 TanStack Router 与 Vite 构建的全栈 React 框架，用于开发全栈 React 应用。其核心特性是类型安全的服务端函数（createServerFn），配合基于文件的路由与 loader、可组合中间件、跨网络边界的 Zod 校验，以及 SSR、SSG、SPA、ISR 等灵活渲染模式。与 Next.js 不同，它使用 Vite 而非 Webpack，支持任意部署目标，并对服务端与客户端代码边界提供显式控制。文档给出了从项目初始化（npx create-start@latest）、服务端函数与校验、路由与 loader、中间件、组件内调用服务端函数，到服务端 API 路由（createAPIFileRoute）和渲染模式配置的完整示例代码。适用于需要类型安全服务端逻辑、文件式路由、中间件鉴权与多部署目标的 React 全栈项目。该资料未说明收费、价格或平台限制等信息。
TanStack Table 是一个无头（headless）、框架无关的表格库，负责排序、过滤、分页、分组、列可见性等逻辑，渲染完全由你掌控。支持 React、Vue、Svelte、Solid 及原生 JS，适合需要自定义样式的数据表格开发。
Valtio 是一个基于 JavaScript Proxy 的 React 状态管理库，让状态管理像写普通 JavaScript 一样自然。它通过 proxy() 包装对象，直接对其赋值即可修改状态，React 组件会自动重新渲染，无需 reducer、action 或 selector。Valtio 会追踪每个组件实际读取的属性，仅当这些属性变化时才触发重渲染，实现自动的渲染优化。组件中使用 useSnapshot() 读取只读快照；可在事件处理、WebSocket 回调、定时器等 React 之外的地方直接修改状态。它还提供 derive() 用于计算派生值，subscribe() 用于副作用（如持久化到 localStorage）。安装方式为 npm install valtio。
WordPress 是驱动全球约 43% 网站的开源内容管理系统，可用于搭建网站、博客、电商店铺与 Web 应用，涉及区块编辑器（Gutenberg）、自定义主题、插件、REST API、WP-CLI 和无头（headless）用法，覆盖从简单博客到多站点企业平台。