SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 10-20 00:13

前端与建站

10,906 个结果

table-accessibility

Table Accessibility 是一套面向无障碍表格设计的技能指南,旨在帮助开发者和设计师创建对屏幕阅读器用户及认知障碍用户友好的数据表格。该技能强调表格应传达结构与关系,而不仅仅是视觉上的行列排列。核心要求包括:每个表格必须包含列标题(使用 scope="col")和行标题(使用 scope="row"),以便屏幕阅读器在朗读每个单元格前播报其所属的行列上下文;每个表格必须提供 caption 元素或通过 aria-labelledby 关联可见标题,caption 应描述表格内容而非仅写“表格1”或“数据”。该技能建议优先使用简单表格,避免合并单元格(colspan、rowspan),若必须合并则需正确关联 headers/id/scope。在认知无障碍方面,建议使用斑马纹、充足的内边距(至少8px)、数字右对齐文本左对齐、增强表头对比度,并将列数控制在5-7列以内。响应式设计方面,小屏幕可转换为卡片/列表视图或允许水平滚动并固定首列,不得隐藏数据。该技能适用于创建或审查表格、数据网格、对比表、定价表等场景,并提供了评估清单。

前端与建站75 次安装

vite-vue

Vite + Vue 3.5 是一个基于 Vite 7 与 TypeScript 的快速 Vue 开发模板,来自 rebyte-skills 仓库。它提供克隆、安装依赖、构建与部署的完整流程:通过 git clone 拉取模板后使用 npm install 安装依赖,npm run build 执行构建(构建前先运行 vue-tsc -b 进行 Vue TypeScript 编译),npm run dev 在 http://localhost:5173 启动带 HMR 的开发服务器。模板支持单文件组件(SFC)与 <script setup> 语法,构建产物输出到 dist 目录,并可部署到 Vercel 或 Netlify。

前端与建站75 次安装

gsap-scrolltrigger-pin

该技能用于实现「滚动触发固定 + 横向滚动」效果:当页面滚动到指定 section 时,该 section 固定在视口中,用户继续纵向滚动时,GSAP ScrollTrigger 将纵向滚动进度映射为内部 track 的横向位移,从而在多张幻灯片之间横向滑动。核心机制为 pin + scrub + 对 track 使用 xPercent 补间,end 值通过函数动态测量 track.scrollWidth,可在 ScrollTrigger.refresh() 时重新计算。支持通过 matchMedia 处理断点变化与 prefers-reduced-motion(减少动效时改由 CSS 实现普通横向滚动,不初始化 GSAP)。依赖 GSAP 与 ScrollTrigger 插件(CDN 或 npm 引入),必须通过 HTTP 运行。默认建议直接复制原始文件并保留署名注释,也提供精简版 vanilla 示例;该技能仅适用于单个固定的横向滚动 section。

前端与建站75 次安装

syncfusion-winforms-multiselect-combobox

Syncfusion WinForms MultiSelectionComboBox 是 Windows Forms 平台上的组合框控件,支持多选、自动建议和标签式展示。控件提供三种显示模式:VisualItem 模式将已选项显示为可移除的标签芯片,DelimiterMode 以分隔符拼接文本显示,NormalMode 为单值选择。通过 DataSource、DisplayMember、ValueMember 支持 ArrayList、DataView、DataTable 数据绑定,提供 Office 风格视觉主题、分组、复选框以及完整的事件模型,可用于在 WinForms 应用中快速构建多选下拉界面。

前端与建站75 次安装

webflow-code-components

Webflow Code Components 是一套通过 DevLink 将 React 代码组件构建、定义并导入 Webflow 的工作流。开发者可在自己的代码库中编写交互式 React 组件,再以共享库形式部署到 Webflow,在画布上进行可视化组合。使用前需具备 Webflow 工作区(Freelancer、Core、Growth、Agency 或 Enterprise 计划,或 CMS、Business、Enterprise 站点),以及 Node.js 20+ 和 npm 10+。流程为:安装 CLI 与依赖、创建 React 组件、用 declareComponent 编写 .webflow.tsx 定义文件、运行 npx webflow library share 导入、在站点安装库后拖放使用。核心概念包括 Shadow DOM 隔离、独立 React 根、默认 SSR、11 种属性类型与 Webpack 打包(上限 50MB)。注意文件名即唯一标识,重命名会破坏已有实例;不支持 React Server Components;客户端请求需支持 CORS 且不得嵌入 API 密钥。

前端与建站74 次安装