SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
11,035 个结果
Syncfusion Angular NumericTextBox 是用于 Angular 的数值输入控件，专门处理数字值的输入与校验。它支持最小值/最大值范围校验与严格模式、货币/百分比/小数等格式化、上下微调按钮、前后缀装饰模板、无障碍（WCAG 2.2、ARIA、键盘导航）、本地化与 RTL，以及响应式表单和模板驱动表单集成。本技能提供从安装配置、格式与样式、微调步进、装饰模板、校验与表单集成，到高级模式、无障碍与迁移、全球化及 API 参考的分篇文档导航，并附快速上手示例与常见用法（货币输入、百分比输入、单位标签、双向绑定等）。
Syncfusion Vue Query Builder 是面向 Vue 3 Composition API 的复杂筛选条件构建组件使用指南。它帮助开发者在应用中实现可视化规则编辑器，让用户通过图形界面创建和编辑复杂的过滤规则，并输出结构化 JSON，可进一步转换为 SQL、Mongo 查询或自定义谓词。组件支持规则的创建、编辑、删除与嵌套分组，覆盖字符串、数字、日期、布尔及自定义数据类型，内置 16 种以上运算符（等于、包含、区间、包含于等）。使用方式上，该技能文档提供从安装、列定义、数据绑定、规则管理、查询转换到模板定制、高级特性的完整参考，包括 getSqlFromRules()、getMongoQuery()、addRules()、setRulesFromSql() 等方法，以及 columns、rule、dataSource、displayMode、allowDragAndDrop、enablePersistence 等属性。适用场景包括高级搜索过滤、数据仪表盘筛选、查询模板系统与报表构建器。需注意实际收费、价格与商业授权信息暂未提供，请以官方渠道为准。
Advanced MUI 组件进阶模式，聚焦复杂 MUI 组件在基础用法之外的高级实现方式。资料主要覆盖 Autocomplete 与 Stepper 两大组件，以及 Popover、Popper、Portal 等定位与渲染相关组件的用法。Autocomplete 部分包含异步/服务端选项（带防抖）、createFilterOptions 自定义过滤与「新建选项」模式、虚拟化列表（应对上万条选项，结合 react-window 的 FixedSizeList）、分组选项、带 Chip 数量限制的多选，以及匹配文本高亮。Stepper 部分包含横向带校验的步骤、竖向步骤内容、非线性步骤跳转、自定义步骤图标与连接线，以及 MobileStepper（点状/进度/文本三种变体）。Popover 部分展示锚定元素、跟随鼠标、虚拟元素（如文本选区）三种锚点方式。Popper 作为更底层方案，提供 placement 定位、transition 过渡与 offset/flip/preventOverflow 修饰符，并配合 ClickAwayListener 处理点击外部关闭。Portal 用于将子节点渲染到 DOM 树的其它位置。全部为代码示例与用法说明。
该技能聚焦 Blazor 表单与验证，涵盖 EditForm 配置、输入组件、DataAnnotations、FluentValidation 以及自定义验证。资料展示了 EditForm 与 DataAnnotationsValidator、ValidationSummary、ValidationMessage 的配合用法，模型上使用 Required、StringLength、EmailAddress、Range 等特性；同时给出 Blazored.FluentValidation 的集成方式与 AbstractValidator 规则示例。还包含 .NET 10 静态 SSR 下通过 SupplyParameterFromForm 与 AntiforgeryToken 处理表单的方式、各类输入组件与绑定目标对照表、InputFile 文件上传、以及 @bind、@bind:event、@bind:get/@bind:set、@bind:after、@bind:format 和子组件双向绑定等数据绑定模式。
MUI X Date/Time Pickers 是面向 React 的日期与时间选择组件方案，提供安装配置、适配器选择、核心组件用法、校验规则、表单集成等完整说明。文档涵盖免费核心包 @mui/x-date-pickers 与需许可证的 Pro 包 @mui/x-date-pickers-pro，并介绍 dayjs、date-fns、luxon、moment 四种日期适配器的接入方式与推荐选项。内容包含 DatePicker、TimePicker、DateTimePicker、DateRangePicker、DateTimeRangePicker 等组件的示例代码，slots 与 slotProps 新版 API 用法，minDate/maxDate、shouldDisableDate、shouldDisableTime、onError 等校验能力，与 React Hook Form、Zod 的表单集成，Static/Mobile/Desktop 三种变体，本地化与自定义输入格式，受控打开状态，以及常见陷阱和时区处理等进阶模式。
MUI 生态集成技能，介绍如何将 MUI 与第三方库配合使用，涵盖 schema 驱动的表单构建器（FormEngine、react-jsonschema-form、Uniforms）、Tailwind CSS 互操作、Framer Motion 动画集成，以及自定义主题注册组件。内容以代码示例为主，展示 JSON 配置渲染 MUI 表单、JSON Schema 到 MUI 表单的映射、多 schema 表单引擎、Tailwind 与 MUI 共存配置、Base UI 无头组件配合 Tailwind、AnimatePresence 动画对话框与列表，以及通过主题注册自定义组件和用 TypeScript 类型增强约束设计规则。
Entity-Driven UI 是一套基于实体元数据驱动的 CRUD 界面构建方案，结合 MUI X DataGrid 与 FormEngine 使用。它通过一份 TypeScript 实体元数据结构，统一驱动数据表格列、表单字段、校验规则、访问控制与向导流程。该方案提供实体元数据模型、服务端驱动的 CRUD 页面、DataGrid 列自动生成、自定义编辑单元格渲染、共享校验层，以及从实体元数据转换为 FormEngine JSON schema 等能力。开发者只需定义一份 schema，即可让 DataGrid 列、FormEngine 表单、校验逻辑与访问控制共享同一数据源，减少重复代码。适用于使用 React、MUI 与 FormEngine 构建后台管理界面的场景。
MUI 布局组件与响应式设计模式。该技能围绕 Material UI（MUI）的布局能力展开，重点讲解 MUI v6 的 Grid v2、Stack、Container 与 Box 等核心布局组件，以及断点系统与响应式设计方法。Grid v2 默认从 @mui/material/Grid 导入，使用 size 属性替代旧的 xs/sm/md 等属性，内部始终基于 CSS grid，直接子元素即网格项，无需 item 属性。Stack 提供一维布局（flexbox 行或列），适合线性排列的组件序列。Container 通过 maxWidth 与断点实现内容水平居中。Box 作为通用布局基础组件，支持 sx 属性与系统简写。技能还涵盖断点系统（xs/sm/md/lg/xl）、useMediaQuery 钩子、断点辅助函数，以及应用外壳（侧边栏加主内容）、仪表盘卡片网格、居中表单、Masonry 瀑布流等常见布局模式，并给出迷你侧栏、粘性头部、可滚动内容等进阶实现。内容以代码示例为主，供开发者在构建响应式界面时参考。
MUI 性能优化技能，聚焦 tree-shaking、打包体积、渲染与 SSR 四类问题。提供命名导入与深层导入的对比写法，说明如何通过 babel-plugin-import 转换 barrel 导入；介绍 source-map-explorer、@next/bundle-analyzer 与 webpack-bundle-analyzer 做打包分析；给出 Emotion 缓存的 createCache 与 CacheProvider 配置，降低 SSR 重复生成样式表的开销；在避免重渲染方面，提供 sx 对象 useMemo 化、组件 memo、useCallback 稳定回调等做法；针对大列表给出去虚拟化方案；对 DataGrid、DatePicker 等大型 MUI X 组件给出 lazy 与 Suspense 懒加载示例；SSR 部分覆盖 Next.js Pages Router 与 App Router 两套 Emotion 接入方式，并附性能检查清单。
面向 Next.js 的 MUI 服务端渲染（SSR）技能，覆盖 App Router、Pages Router、React 服务端组件（RSC）兼容、Emotion 缓存与 Pigment CSS 零运行时方案，并说明常见水合不匹配与 FOUC 问题的处理方式。
sx-styled 是面向 MUI（Material UI）的样式技术说明，聚焦两种主要样式 API：`sx` prop 与 `styled()` 函数。`sx` 用于单次、内联的样式覆盖，可直接在任意 MUI 组件及 Box 上使用，支持主题 token 引用、断点响应式取值、系统简写别名、伪选择器与嵌套选择器；`styled()` 基于 Emotion 扩展 MUI 主题与系统能力，适合创建可复用的具名样式组件，并可通过 props 驱动条件样式。两者按复用程度选择：只出现一次的覆盖用 `sx`，出现两次以上的样式用 `styled()`；全局覆盖 MUI 组件则使用主题的 `components.MuiXxx.styleOverrides`。资料还给出了性能建议，如频繁渲染场景优先使用 `styled()` 或对 `sx` 对象做记忆化，以及暗色模式条件、sx 数组组合等常见写法。
recollect-post-migration-cleanup 是一个面向 Recollect 项目前端迁移清理的技能，用于在 API 从旧版 Pages Router 迁移到 v2 App Router 路由后，清理前端调用方遗留代码。该技能适用于 Phase 13+ 阶段，前提是所有 v2 API 路由已经存在。它的范围仅限前端调用方、mutation hooks、遗留辅助函数和遗留类型，不负责创建 API 路由。工作流程按路由逐个执行：更新 mutation hook 从 v2 路由文件导入类型并指向 v2 URL；更新所有前端使用点；从 supabaseCrudHelpers 移除遗留辅助函数；从 apiTypes.ts 移除遗留类型；使用 trash 删除旧文件；最后运行 pnpm lint:types 和 pnpm lint:knip 验证。技能还提供了路由表、需要保留的错误处理模式（如重复检测 23505、授权 403、服务器错误 500）以及常见问题处理方法。
ui-patterns 是一个用于构建 SaaS 应用页面与组合组件的技能。它聚焦结构层面的决策：选用哪些组件、如何布局页面，以及如何处理各种 UI 状态。该技能默认推荐 shadcn/ui + Tailwind CSS，并给出针对不同场景（公开 SaaS 产品、内部管理工具、单一基础组件、已有 MUI/Chakra 代码库、React Native 移动应用）的组件库选择框架。它强调五种数据驱动状态（加载、空、错误、成功、溢出）必须全部实现，并提供页面组合原则（页头、主内容、次要内容、操作区）、响应式断点策略、深色模式实现方式以及常见错误清单。视觉样式、用户流程设计与无障碍要求分别交给 beautify、ux-design 等相关技能处理。
Interactor 是 Wix 推出的交互与动效技能，用于为网页或 Web 应用添加、编辑交互效果。它以声明式配置为核心，用户只需用 JSON 描述「什么元素在什么时候做什么动画」，由 @wix/interact 库完成 DOM 绑定，几乎无需直接调用动画引擎。技能支持悬停、点击、进入视口/滚动触发、滚动驱动和指针驱动等交互，涵盖 React、静态 HTML、无构建 CDN 及打包的 vanilla JS 等多种接入方式，并提供预设动效、配置校验与文本拆分插件。
frontend-design 是一个用于创建具有高设计品质、风格鲜明且达到生产级标准的前端界面的技能。当用户要求构建 Web 组件、页面、制品或界面时可以使用该技能。它旨在帮助开发者摆脱千篇一律的“AI 味”美学，通过明确的美学方向、字体、色彩、动效、空间构图与视觉细节，产出可实际运行、视觉出色且细节精炼的代码。技能强调在编码前先进行设计思考，包括明确用途、选定极端的调性方向（如极简、极繁、复古未来、自然、奢华、编辑杂志、粗野主义、装饰艺术、柔和粉彩、工业实用等）、考虑技术约束，并思考差异化亮点。实现阶段支持 HTML/CSS/JS、React、Vue 等技术，要求代码达到生产级且可用、视觉醒目、审美统一、细节严谨。
impeccable 是一个用于设计和迭代生产级前端界面的技能（Skill），强调真实可运行的代码、明确的设计决策与出色的工艺水准。它提供一套完整的命令体系，覆盖从规划、构建到评估、精修、增强和修复的完整流程，包括 craft、shape、init、document、extract、critique、audit、polish、bolder、quieter、distill、harden、onboard、animate、colorize、typeset、layout、delight、overdrive、clarify、adapt、optimize、live 等子命令。该技能内置了详细的色彩、排版、布局、动效、交互与文案规范，并针对 AI 生成界面常见的“套路化”问题（如渐变文字、玻璃拟态、侧边条纹边框、千篇一律的卡片网格等）设定了明确的禁止项，帮助产出更有个性、更易读、更符合品牌调性的界面。
View Transitions 是一套面向 Web 应用的视图过渡方案，基于浏览器原生的 View Transitions API，用于在单页应用（SPA）和多页应用（MPA）中实现平滑的页面切换、共享元素动画以及导航过渡效果，主要面向 React 应用开发。它覆盖同文档过渡（SPA 内路由切换）和跨文档过渡（MPA 页面跳转）两类场景，支持 React Router 7.x 集成、useViewTransitionState 钩子、手动 startViewTransition、CSS 伪元素定制、过渡类型（transition types）以及渐进增强降级处理。浏览器支持方面，Chrome 111+ 与 Edge 111+ 支持同文档过渡，跨文档过渡需 Chrome/Edge 126+，Safari 18+ 支持同文档、18.2+ 支持跨文档，Firefox 暂不支持（开发中）。该技能强调可访问性，通过 prefers-reduced-motion 跳过动画，并列出反模式约束，如 view-transition-name 必须唯一、React 状态更新需配合 flushSync、避免在滚动中触发过渡、避免过长动画等。
Angular Directives 是一个面向 Angular v20+ 的技能文档，主题是在 Angular v20+ 中创建自定义指令，用于可复用的 DOM 操作与行为扩展。内容涵盖属性指令（修改元素外观或行为）、使用 host 属性替代 @HostBinding/@HostListener、类与样式操作、事件处理、键盘快捷键，以及结构指令（如 Portal 传送、Lazy Render 懒渲染、带上下文的 Template Outlet），此外还介绍了 Host Directives（宿主指令）和指令组合 API，用于在组件或其他指令上组合复用行为并暴露输出。
介绍在 Angular v20+ 中使用 @angular/ssr 实现服务端渲染、混合（hydration）与预渲染的资料。内容包括向现有项目添加 SSR 的 ng add @angular/ssr 命令、生成的服务器文件与项目结构、app.config.server.ts 与路由级 serverRoutes 的配置方式，以及三种渲染模式（Prerender 构建时静态生成、Server 逐请求动态 SSR、Client 纯客户端 SPA）的说明与适用场景。资料还讲解了默认混合、增量混合与多种混合触发条件（viewport、interaction、idle、immediate、timer、when、never）、事件重放、平台检测与 afterNextRender/afterRender 等仅浏览器代码的写法、通过 InjectionToken 安全注入浏览器 API、动态路由的 getPrerenderParams 与回退策略、TransferState 与 HTTP 传输缓存，以及构建产物结构与基于 Express 的 Node.js 部署示例。
用于把项目从 Tailwind CSS v3 安全完整升级到 v4 的迁移技能。它先运行官方 @tailwindcss/upgrade 代码修改工具，再处理工具无法判断的部分：默认值变更、配置迁移、插件与动画替换，以及验证界面未发生视觉变化。
Nuxt 是一个全栈 Vue 框架，提供服务器端渲染（SSR）、基于文件的路由、自动导入和强大的模块系统，并使用 Nitro 作为服务端引擎，支持在 Node.js、无服务器和边缘平台上进行通用部署。本技能基于 Nuxt 3.x，生成于 2026-01-28，涵盖目录结构、配置、CLI 命令、路由、数据获取、模块、部署、组合式函数自动导入、组件自动导入、内置组件、状态管理、服务端路由、渲染模式、最佳实践以及 Layers、生命周期钩子、模块编写等进阶主题，适用于开发 Nuxt 应用、服务端路由、useFetch、中间件或混合渲染等场景。
面向 React Native 的推送通知技能，覆盖 expo-notifications 与 @react-native-firebase/messaging 两种方案，讲解权限申请、令牌管理、前台/后台/退出三态处理、Android 通知渠道、本地通知调度、交互动作与角标管理。
用于在 SvelteKit 应用中实现或扩展面向用户的完整栈工作流，专注 load 函数、表单 action 与 API 路由，遵循 SvelteKit 的路由、状态管理与渐进增强约定。
Algolia UI Libraries 是一个用于选择和参考当前 Algolia UI 库的工作流技能。它帮助开发者根据应用框架和用户体验形态，在 InstantSearch、Autocomplete、DocSearch、移动端原生库等方案之间做出选择，并指导安装、升级、实现与审计流程。该技能强调不将自身视为冻结的 API 参考或版本来源，要求在推荐包名、导入方式、SSR 模式、路由或升级步骤前核实当前公开文档。它提供库选择决策路径、官方配套技能路由、事实来源规则、工作流程、提问清单、标准与反模式，以及输出契约，涵盖事件归因、路由、安全、QA 检查等要点。