SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
11,088 个结果
Syncfusion Vue Circular Gauge 是用于在 Vue 应用中实现圆形仪表盘（Circular Gauge）的组件技能指南，适用于制作圆形仪表、进度指示器、速度表或状态指示器等可视化控件。该技能涵盖组件的安装与注册、Vue 2 与 Vue 3 项目配置、基础初始化与 CSS 主题引入；支持多轴、指针、范围、标注、图例等配置，以及指针拖动、提示框、数值更新等交互功能，并可通过自定义颜色、渐变和主题进行样式定制。技能文档按主题分节，包括快速开始、轴与范围配置、指针与动画交互、样式与外观、图例标注、打印导出与无障碍、实时数据与进阶用例等，并给出状态仪表、性能速度表和响应式多仪表盘等常见模式的代码示例。
Syncfusion Vue Linear Gauge 组件技能，用于在 Vue 应用中沿线性轴显示数值。基于 SVG 渲染，支持多指针、范围、注释、拖拽与提示，可用于温度、压力、速度、电量等测量展示及仪表盘 KPI 与实时监控。
Syncfusion Vue Maps 是一个用于地理数据可视化的 Vue 组件技能，帮助开发者在 Vue 项目中实现交互式地图。它支持基于 GeoJSON 的自定义形状渲染，也支持接入 Bing Maps、OpenStreetMap、Azure Maps 等地图提供商作为底图。组件以 SVG 渲染地理数据，提供图层与子图层结构、标记点、气泡、数据标签、导航线、图例、颜色映射等可视化元素，并支持缩放、平移、工具提示、选中与高亮等交互。地图功能采用模块化设计，可按需注入所需模块以减小打包体积。该技能提供从入门、图层、标记、数据可视化、颜色映射、图例、地图提供商、用户交互到高级定制与 API 参考的分篇文档指引，并附带基础示例代码。
Syncfusion Vue Progressbar 组件技能，用于在 Vue 应用中实现线性、圆形等形状的任务进度显示，支持动画、样式定制、标注、事件与无障碍特性。
Syncfusion Vue Range Navigator 组件指南，用于在图表、表格和仪表板中进行交互式日期或数值范围选择与导航，支持期间选择器、事件监听、提示自定义、RTL 和轻量模式。
面向 Vue 3 的 Syncfusion Sankey（桑基图）图表组件使用技能，用于实现流量、能量与过程可视化。该技能在用户需要搭建桑基图、按正确 ID 对应关系配置节点与连线、设置样式与尺寸、添加标题图例与提示框、通过事件实现交互、以及支持无障碍与 RTL 布局时提供指导。技能依据 Composition API 提供实现步骤、快速上手示例、真实场景示例（如能源流向图）、多阶段流、分流、汇聚、按来源着色、事件交互等常见模式，并包含关键属性参考。组件以节点表示阶段或类别，以连线表示节点之间的流动，流量大小通过连线粗细比例体现。适合展示流向关系而非静态对比，例如能源生产到消费、供应链流转、预算分配、ETL 管道、网站流量路径等；不适用于纯类别比较、时间序列趋势分析或深层级展开。官方组件文档与 API 文档地址已在资料中提供，具体收费、价格与平台信息暂未提供。
Syncfusion Vue Sparkline 组件使用指南，用于在仪表盘、表格和 KPI 展示中绘制紧凑型迷你数据图表，支持折线、柱状、面积、饼图和胜负图类型，可配置工具提示、坐标轴、数据标签、样式与无障碍特性。
面向 Vue 3 的 Syncfusion Stock Chart 组件使用指南，用于以蜡烛图、OHLC 等系列可视化金融股票数据，并支持技术指标、趋势线、区间选择器、实时更新与导出打印等能力。
TanStack DB 的 Svelte 5 绑定库，提供 useLiveQuery 实现响应式实时查询。依赖数组需用 getter 函数（如 () => value）保持响应性，并可复用 @tanstack/db 的全部导出。
Tailwind CSS v4 是一个以实用类（utility-first）为核心的 CSS 框架，帮助开发者直接在 HTML/JSX 中通过类名构建自定义设计，涵盖布局、间距、排版、颜色、动画与响应式设计，无需编写自定义 CSS。它通过自动 tree-shaking 生成更小的打包体积，并借助设计令牌（design token）系统保持一致性。该技能面向 Tailwind CSS v4 专家场景，提供布局与响应式、暗色模式与自定义主题、动画等能力示例，以及安装方式与最佳实践。
aria-allowed-attr 是前端检查清单（front-end-checklist）中的一条无障碍（Accessibility）规则，用于审查渲染后的 HTML、交互组件或设计系统模式，确保每个 ARIA 角色只使用其允许的 ARIA 属性。无效的 ARIA 属性会被屏幕阅读器忽略，或导致辅助技术误解元素用途，从而破坏残障用户的使用体验。该规则提供快速参考、检查、修复、解释和代码审查等环节，帮助开发者验证元素上的 ARIA 属性是否与其 WAI-ARIA 角色匹配，并移除或修正不受支持的属性。
该技能用于检查 ARIA 命令类元素（如 button、link、menuitem）是否提供了可访问名称。若缺少可访问名称，屏幕阅读器用户只能听到角色（例如“按钮”）而无法得知其用途，导致界面难以导航。技能会识别缺少清晰可访问名称的命令角色元素，并指导通过文本内容、aria-label 或 aria-labelledby 补充名称，同时说明如何借助浏览器无障碍工具或辅助技术验证修复效果。
该技能用于检查 HTML 中 meter 元素（或 role="meter" 的元素）是否提供了可访问名称。meter 表示标量测量值，若缺少标签，屏幕阅读器用户只能听到数值（如“50%”），却无法判断它代表电量、存储空间还是密码强度。技能会检查渲染后的 HTML、交互组件或设计系统模式中是否存在缺少可访问名称的 meter 元素，并提示通过 aria-label 或 aria-labelledby 补充上下文，帮助用户理解所显示的测量内容。
aria-text 是前端检查清单（front-end-checklist）中的一条无障碍规则，用于避免在 role="text" 元素内放置可聚焦的后代元素。当容器被赋予 role="text" 时，屏幕阅读器会把其中的全部内容当作单一文本字符串处理，从而隐藏内部的链接、按钮、输入框等交互元素，形成无障碍“黑洞”。该规则要求识别带有 role="text" 的元素并确认其不包含任何可聚焦子元素；若存在交互子元素，应移除容器的 role="text" 或将交互元素移出容器。规则还要求解释 role="text" 如何覆盖后代元素的语义，并在代码审查中标记违反规则的具体元素、角色、标签、焦点行为或键盘交互，说明如何借助浏览器无障碍工具或辅助技术验证修复效果。完整实现细节、代码示例与框架相关指导见 references/rule.md。
该技能用于检查网页中切换类控件（复选框、单选按钮、开关）是否具备可访问名称。若切换控件缺少标签，屏幕阅读器用户将无法知道自己在开启或关闭什么，因此该规则要求为所有切换字段提供清晰、可描述其状态或动作的可访问名称。检查范围覆盖渲染后的 HTML、交互组件以及设计系统模式，并给出修复方式与代码审查要点。
该技能用于检查并修复自定义树形控件（role='tree'、role='treeitem'、role='group'）中树节点的可访问名称问题。树形控件常用于文件浏览器、嵌套导航菜单、组织架构图等层级数据展示场景。屏幕阅读器在聚焦每个 treeitem 时会播报其名称、层级和位置，例如“src, collapsed, level 1, 1 of 3”。如果名称为空或过于笼统（如“folder”“item”），盲人用户将无法区分各个节点，也难以自信地在层级中导航。macOS 上的 VoiceOver 使用该名称填充转子，NVDA 则在用户用方向键浏览树时朗读它。该技能要求每个 role='treeitem' 元素都必须具有非空的可访问名称，并给出检查与修复方法。
aria-valid-attr-value 是前端检查清单（front-end-checklist）中的一条无障碍（Accessibility）规则，用于确保 ARIA 属性的取值合法有效。当 ARIA 属性值无效时，辅助技术会忽略或错误解读这些属性，导致用户体验混乱甚至无法使用。该规则要求：ARIA 属性值（如 aria-expanded="true"）必须符合规范允许的类型（布尔值、整数、ID 列表等）；在需要 true/false 的地方不要使用 yes/no；aria-labelledby 或 aria-owns 引用的 ID 必须真实存在。它适用于审查渲染后的 HTML、交互组件以及设计系统模式，帮助开发者通过浏览器无障碍工具或辅助技术验证修复效果。
CSS containment 是前端检查清单中的一条规则，用于通过 CSS 包含（containment）限制重绘范围。默认情况下，页面任意位置的 CSS 变更都可能影响其他元素的布局；CSS containment 声明某些元素是隔离的，其内部变化不会影响外部，从而让浏览器跳过未变化内容的大量渲染流程，对包含许多独立组件的页面尤其有价值。该规则提供快速参考、检查、修复、解释和代码审查等使用方式，帮助识别可受益于包含的独立组件，并为重复的屏幕外列表项添加 content-visibility: auto。
该技能用于审计页面元数据或为新页面生成描述，适用于所有需要获取自然搜索流量的页面。它指导用户为每个页面编写 120–160 字符的唯一 meta description，将其视为搜索结果中的自然广告文案，以提升点击率。技能提供检查、修复、解释和代码审查四个环节：检查页面是否存在 meta description 标签并验证其唯一性与长度；在 HTML 中新增或更新该标签；说明其虽非排名因素但影响点击率；代码审查则验证元素存在、content 属性非空、长度在 70–160 字符之间、不含 HTML 标签且描述唯一。
Accordion（手风琴）是一种垂直堆叠的标题组件，点击标题可展开或折叠以显示或隐藏相关内容。它通过结构化的交互方式节省屏幕空间，适合展示常见问题解答（FAQ）、设置面板以及需要渐进式披露的结构化内容。该技能来自 thedaviddias/ux-patterns-for-developers，用于在实现展开与折叠内容区块时提供模式参考，包含使用场景、应避免的情况、实现流程、键盘交互与无障碍规范，以及相关模式链接。
AI Suggestions 是一个面向开发者的 UX 模式，用于在界面中实现 AI 驱动的自动补全与建议功能。它帮助团队在保持用户控制权的前提下，提供 AI 生成的下一步操作、补全内容或推荐结果，最适用于内联提示补全场景。该模式强调不隐藏系统状态、规则和恢复路径，并给出何时使用、何时避免、实现流程、无障碍与性能护栏以及常见错误等指导。
面向开发者的图表与图形 UX 模式，用于把定量数据转成可视化形状，便于看出变化、对比或分布，适合分析与报表场景。
面向开发者的验证码分段输入（OTP/验证码）UX 模式，提供分段输入框的结构、键盘交互、无障碍、性能与测试规范，并给出常见错误与修复方式。
用于并排比较功能与选项的 UX 模式技能，帮助团队快速评估功能、价格或政策差异，适用于方案与功能对比、供应商或工具评估、产品选型。