SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
10,941 个结果
Responsive Layout Review 是一个用于审查和改进响应式布局的技能，覆盖移动端、平板、桌面、Web 应用、SaaS 仪表盘、营销页面以及类桌面工具等场景。其核心理念是让布局依据内容意图而非任意断点进行适配。该技能提供了一套明确的工作流程：先识别内容层级、主任务与目标视口/设备类别，再阅读 references/responsive-layout-rules.md 参考文件；随后审查紧凑、中等、宽屏、高密度、键盘、缩放及窄宽度等布局状态，检查导航、表格、表单、模态框、媒体以及空态/错误态；最终产出断点策略、问题清单与验收检查项。技能还给出了防护规则：断点应跟随内容压力点而非仅按设备名称；不得在小屏隐藏关键操作；须保持键盘、焦点、缩放和屏幕阅读器可用性。输出格式包含 Surface、Primary task、Responsive strategy、Findings 和 Acceptance checks 五部分。适合需要系统化审查响应式布局的设计与开发场景。
本技能介绍如何在 ASP.NET Core 应用中使用 Syncfusion 的 TextBox 组件，基于标签助手（Tag Helper）语法实现文本输入框。内容涵盖浮动标签、校验状态、输入框前后置装饰（图标/按钮）、多行文本域、密码可见性切换、数据双向绑定与事件处理等功能，并强调对 WCAG 2.2 AA 无障碍标准的支持。技能按主题组织为入门、标签助手语法、校验状态、装饰与图标、浮动标签、多行文本域、高级模式等参考文档，附带联系表单、搜索框、反馈区、无障碍注册表单等常见用例示例。适合需要在 ASP.NET Core 表单中构建专业文本输入交互的前端或全栈开发者参考。
Syncfusion Flutter DataGrid（SfDataGrid）是用于 Flutter 应用中显示和操作表格数据的高性能数据网格控件。该技能面向需要在 Flutter 项目中实现数据网格的开发者，覆盖从安装、数据绑定、列配置到排序、筛选、分组、汇总、分页、编辑、导出等完整功能链路。控件支持 List 与 ObservableList 数据源绑定，列可手动定义并调整宽度、冻结、拖拽排序、多级表头；支持单元格内编辑与校验、单选/多选/无选择模式、单列与多列排序、内置与自定义筛选、单列或多列分组及展开收起、分组与标题汇总（求和、平均、计数、最小值、最大值等内置聚合函数）；同时提供分页、增量加载（Load More）、下拉刷新、行高定制、行滑动操作、单元格与行的条件样式、占位符视图、冻结行列、键盘导航与无障碍支持、本地化及从右到左布局。数据可导出为 Excel（.xlsx）与 PDF 格式并支持导出定制。该技能以参考文档形式组织，涵盖快速上手、数据绑定、列类型、列宽与调整、列拖拽、堆叠表头、冻结窗格、滚动、编辑、排序、筛选、选择、分组、汇总、分页、加载更多、下拉刷新、行高、滑动、样式与条件样式、占位符、导出、页脚、无障碍、本地化、RTL 等主题，并提供代码示例与关键属性配置表，帮助开发者快速集成并优化大数据集下的表现。
Syncfusion TypeScript ListView 是 Syncfusion JavaScript UI 控件库中的列表视图组件，用于构建响应式列表界面。它支持本地数组、远程 API 和动态数据绑定，提供单项选择、多选和复选框选择模式，可通过模板自定义列表项、表头与分组样式，支持层级嵌套列表的下钻导航、分组与搜索过滤，并具备虚拟滚动、拖放、动画和分页等高级能力。组件兼容 WCAG 与键盘导航，提供 ARIA 支持，适配主流浏览器。适用于聊天窗口、联系人列表、待办任务、数据表格等列表型界面开发。
Syncfusion JavaScript Menu 是 Syncfusion 提供的图形用户界面组件，用作应用程序和网站的导航头部，基于 @syncfusion/ej2-navigations 包实现。它支持多级嵌套菜单项、数据绑定、动画、滚动和完整的事件处理。该技能适用于构建导航层级、数据驱动菜单、自定义外观、响应式水平或垂直菜单、移动端汉堡菜单以及键盘导航与屏幕阅读器支持的场景。菜单项可通过 items 数组定义，支持 text、id、url、图标和分隔项；数据源可为层级 JSON、自引用数据或服务数据，并通过 FieldSettings 映射字段。外观方面可配置水平或垂直方向、fade-in、zoom-in、slide-down 等子菜单动画、圆角样式、RTL 支持以及 CSS 类与主题定制。事件系统包含 select、beforeOpen、onOpen、beforeClose、onClose 和 beforeItemRender。方法层面可动态添加、插入、移除、启用、禁用、显示或隐藏菜单项，也可通过 open 和 close 控制子菜单，并通过 enableScrolling 支持大数据集滚动。安装、依赖、CSS 引入和 TypeScript 初始化步骤见入门参考文档。
TanStack Start 的 Vue 绑定包 @tanstack/vue-start，提供 useServerFn 组合式函数、tanstackStart Vite 插件及服务端工具，用于构建同构的 Vue 全栈应用。
table-state 是 TanStack Table v9 在 React 中读取与控制表格状态的技能文档。它说明 useTable 默认会选取所有已注册状态，可通过第二个参数 selector 控制重渲染与 table.state 的形状；table.atoms.<slice>.get() 与 table.store.state 是当前快照而非 React 订阅。需要更细粒度边界时，可使用 table.Subscribe 或 @tanstack/react-store 的 useSelector。控制某个状态切片时，应保持 features、columns、data 稳定，注册拥有该切片的 feature，并同时提供 state 与对应的 onChange 回调（如 state.pagination 与 onPaginationChange），仅提供回调无法保持表格同步。外部拥有的 atom 可用 useCreateAtom 创建，通过 atoms.<slice> 传入，并用 useSelector 订阅。文档还涉及 React Compiler 记忆化子组件的响应式边界处理，以及通过类型声明文件进行 API 发现。
tailwind-configuration 是一份关于 Tailwind CSS 配置的技能资料，聚焦于 tailwind.config.js（亦可为 .ts、.cjs、.mjs）的搭建与定制。内容涵盖配置文件的基本结构（content、theme、plugins、darkMode、prefix、important、separator 等字段）、content 路径与 glob 写法、safelist 与 content transform 处理动态类名、通过 theme.extend 扩展默认主题（颜色、字体、间距、圆角、字号、阴影、动画与关键帧）以及用 theme 直接覆盖默认主题的方式。资料还介绍了用 CSS 变量实现运行时主题切换、拆分组织主题扩展文件、借助插件添加自定义工具类与组件类、暗色模式策略（class、media 及自定义选择器）以及生产环境下的体积优化配置。示例部分给出了完整的 TypeScript 配置、多品牌配置，以及 Next.js、Vite + React、Vue 3 等框架的 content 配置写法，并列出反模式提示与相关技能链接。
Flutter Accessibility 是一个用于构建或审计 Flutter 应用无障碍能力的技能，覆盖语义（Semantics）、屏幕阅读器、焦点、键盘访问、文字缩放、对比度、触摸目标尺寸和动效偏好等方面。它把无障碍视为需要实现并验证的行为，而不是只做标签式的清理工作。适合在开发或审计 Flutter 界面时，系统检查主任务流程、语义阅读顺序、可操作控件、动态播报、焦点切换以及各目标平台上的键盘或开关访问，并配合 widget 测试与 TalkBack、VoiceOver 进行验证。
flutter-responsive-layout 是一个用于构建或修复 Flutter 自适应布局的技能，聚焦设备差异、约束、断点、重叠、裁剪、横竖屏方向与输入方式等常见问题。它强调从父组件提供的约束出发进行设计，而不是猜测设备型号。可用于排查溢出或约束失败、定位施加了不兼容尺寸的组件，并在无框架异常时检查几何与命中测试行为，从而判断布局是否真正可用。技能中给出了一套布局规则，包括在子树响应局部约束时使用 LayoutBuilder、在行为依赖窗口或无障碍属性时使用 MediaQuery，选择少量由内容驱动的断点而非按设备名分支，优先采用弹性约束、换行、滚动或替代组合而非固定宽高补丁，在大屏保持可读内容宽度，并在空间明显变化时调整导航与信息密度。它还要求尊重安全区域、显示特性、键盘内边距、文字缩放以及指针和触摸两种输入，并避免在复杂热点树上无依据地使用 IntrinsicHeight 或反复固有测量。验证方面，建议覆盖每个断点上下边界宽度、长本地化字符串、大号文字、横屏以及目标桌面与 Web 窗口尺寸，并为可靠可表达的回归添加聚焦的 widget 或 golden 测试。对于组件重叠、被裁剪或遮挡操作的情况，需按几何、视口与固定测试参考处理，为重要组件定义明确的空间关系，而不是把每个相交的渲染盒都当作缺陷。适用范围包括自适应导航等场景。
来自 toss/frontend-fundamentals 的前端代码可读性技能，用于处理嵌套三元运算符、无名称的复杂条件表达式（如 a && !b || c），以及同一组件中混入互斥执行代码的情况。
SwiftUI 动画开发指南，面向构建、调试和优化 SwiftUI iOS/macOS 应用动画的开发者。内容涵盖隐式动画与显式动画、过渡、手势驱动交互、iOS 17 引入的 PhaseAnimator 与 KeyframeAnimator、弹簧动画参数、Animatable 协议、动画性能与无障碍（减少动态效果）适配等主题。核心原则包括：动画由状态变化驱动、事务沿视图层级向下传播、只有符合 Animatable 的数据才会插值、动画声明式描述。资料给出了 withAnimation 与 .animation(value:) 的使用场景、常见时序曲线选择、过渡类型与自定义过渡写法、手势速度感知释放、关键帧类型，以及一组应当遵循与应当避免的实践规则和常见问题排查表。
该技能用于在新项目中安装和配置 Westpac 的 GEL 设计系统，主要涉及 @westpac/ui 与 @westpac/style-config 两个 npm 包。内容涵盖安装依赖、配置 Tailwind CSS v4、设置品牌主题令牌、添加品牌字体，以及可选的 ESLint 配置。适用于需要搭建 GEL 设计系统的场景，支持 wbc、stg、bom、bsa 四个品牌主题，可通过 data-brand 属性切换。当前版本不支持深色模式。
Sileo 是一个面向 React 的轻量级、基于物理动画的 Toast 通知组件（npm 包名为 sileo）。它通过 SVG gooey 形变与弹簧动画实现从胶囊到卡片的平滑过渡效果，默认零配置即可获得精致外观。组件仅支持 React，依赖 motion 作为 peer dependency，自带 "use client" 指令以兼容 Next.js App Router。它提供 success、error、warning、info、action 等状态快捷方法以及通用的 show 方法，还支持 promise 流程（loading 到成功/失败）和可编程关闭与批量清除。主要特性包括：六种定位、主题（light/dark/system）与 fill 颜色控制、styles 样式覆盖、自定义图标与 JSX 描述、roundness 圆角、autopilot 自动展开折叠、滑动手势关闭（30px 阈值）、粘性 Toast（duration: null）。可访问性方面使用 aria-live="polite"、键盘可聚焦的 button 根元素，并遵循 prefers-reduced-motion。TypeScript 类型完整导出。安装命令为 npm install sileo。
Makepad 2.0 Splash 是 Makepad 2.0 的核心运行时 UI 脚本语言（2026 年 2 月 12 日发布），用于替代旧的编译期 live_design! 宏系统，改用运行时 script_mod! 宏，支持热重载、流式求值以及面向 AI 的代码生成。其语法省略逗号和分号，采用空白分隔、点路径简写（如 draw_bg.color: #f00）、合并操作符 +:、命名子组件 :=、let 绑定和 #(Struct::register_widget(vm)) 形式的 Rust 绑定。状态通过 mod.state 与响应式 on_render 回调管理，事件可在 Splash 内联处理，也可从 Rust 通过 script_eval! 执行。它还提供控制流、函数、HTTP 请求、HTML 解析、基于检查点的流式求值、热重载与 ScriptModKey 脚本追踪，并附有布局规则与组件参考。
modern-accessible-html-jsx 是一套编写现代、语义化且高度可访问的 HTML 与 JSX 代码的规范，来自 academind/ai-config。它强调以语义元素为优先，避免滥用 div/span，要求正确的标题层级（h1 到 h6 不跳级），并确保所有交互元素可通过键盘访问。规范主张优先使用原生 HTML 元素而非 ARIA，不用 ARIA 去修补错误的语义，并为所有交互控件提供可访问名称。表单方面要求标签与控件关联、优先使用原生校验和输入类型、错误信息可被正确播报；图片需提供有意义的 alt 文本，纯装饰图用空 alt，必要时用 figcaption 补充说明。结构上通过语义元素隐式提供地标角色，保证单一明确的 main 区域，并面向屏幕阅读器组织内容。其核心理念是：HTML 是基础，可访问性是不可妥协的底线，若页面在无 CSS 或 JS 时仍能正常工作，通常就是正确的写法。
阿里云 Redis（KVStore/Tair）实例健康巡检技能，通过 python3 scripts/health-inspect.py 一键采集实例信息、会话、资源使用、大Key/热Key、慢日志与告警记录，并生成 HTML/Markdown/文本报告，默认 7 天、含 7 个巡检维度。
将 Angular 应用迁移到 One Allianz（A1）设计系统的技能，覆盖主题应用、圆形开关转瓦片、信息图标、左对齐布局、Small Stage、文件上传器与上下文菜单选择等迁移步骤。
面向 Next.js 与 Tailwind CSS v4 的玻璃拟态（glassmorphism）暗色界面构建技能，强调暗色优先、半透明玻璃层、发光与渐变、有意图的动效，以及使用非通用字体。适用于创建前端 UI、组件、页面或应用。
Tailwind CSS v4 实现与审查指导技能，用于安装 Tailwind、编写样式、构建响应式或深色模式布局、扩展 CSS-first 配置等场景，内含 v4 迁移要点与最佳实践建议。
构建现代、无障碍、响应式 Web 应用的 UI/UX 设计技能，覆盖 Tailwind CSS、shadcn/ui、Material UI、Chakra UI、Ant Design 等设计系统的选型、组件模式、表单校验、暗色模式与可访问性。
Open Artifacts 技能：把自包含的 HTML、Markdown 或 React 产物发布为可分享的 URL，支持版本管理与同一频道固定链接。适用于发布报告、仪表盘、文档页、可视化与演示等需要独立分享的场景。
Elements 是一个组件注册表，可从 tryelements.dev 浏览并安装生产就绪组件，适合询问可用组件、探索提供方或按技能安装 AI 编码工具技能的场景。
用于构建、审查、迁移或调试基于 Base UI（@base-ui/react）无样式无障碍 React 原语的界面，提供组件装配、样式钩子、状态、可访问性与验证流程的参考规则。