SuperAPI AI 工具集

Skill 广场

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

更新于 10-14 00:01

前端与建站

7,263 个结果

frontend-design-pro

frontend-design-pro 是一个面向前端界面设计与实现的高级技能,定位为“世界级创意前端工程师兼视觉指导”,目标是让每一个构建的界面都具备高价代理项目级别的视觉品质。它提供了一套系统化的设计方向选择指南,涵盖极简瑞士风格、新拟态、玻璃拟态、粗野主义、黏土拟态、极光/网格渐变、复古未来/赛博朋克、3D 超写实、活力色块/极繁主义、暗色 OLED 奢华、有机/生物形态等 11 种美学方向,并为每种方向给出核心关键词、配色方案和标志性效果。该技能还规定了不可妥协的前端规则,包括禁止使用 Inter、Roboto、Arial、system-ui 等默认字体,全面使用 CSS 自定义属性,打破居中卡片网格,保证 WCAG AA/AAA 无障碍标准,并遵循 prefers-reduced-motion。图像系统方面,它要求真实摄影使用 Unsplash、Pexels、Pixabay 的直接图片链接,并为概念场景或插画输出可直接粘贴到 Flux、Midjourney v6、Ideogram 的详细提示词,且不虚构链接。交付物为生产级、可直接复制的代码,完全响应式且高性能。

前端与建站708 次安装

syncfusion-react-common

该技能介绍 Syncfusion React 组件的通用工具与特性,涵盖安装与框架集成、全球化(RTL、本地化、国际化)、动画效果、拖放交互、模板定制、状态持久化以及安全与 HTML 净化等内容。适用于在 React(含 Next.js、Remix、Vite、Preact、SharePoint 等)项目中统一处理跨组件的基础能力,如启用 enablePersistence 保存状态、使用 enableRtl 支持从右至左语言、通过 Animation 添加淡入淡出等动画、借助 Draggable/Droppable 实现拖放,并涉及许可密钥注册方式。具体价格、版本支持范围与效果细节资料未提供。

前端与建站702 次安装

syncfusion-react-file-manager

Syncfusion React File Manager 是 Syncfusion 提供的 React UI 组件,用于在应用中构建文件系统浏览与管理界面。它支持读取、新建、删除、重命名、上传、下载和刷新文件等基本操作,提供详细信息视图(排序列表)和大图标视图(缩略图)两种展示方式,并可通过面包屑和树形导航窗格浏览目录层级。组件支持拖放、右键上下文菜单、工具栏、多选与范围选择、大数据量虚拟滚动,以及无障碍(WCAG、键盘导航、ARIA)和多语言/RTL 支持。还可通过访问控制实现基于角色的权限,并通过 setRequestHeader 向服务器传递自定义请求头。后端连接可使用 AjaxSettings 对接本地或远程文件服务,也可通过统一 Docker 镜像部署托管文件服务,对接 Azure Blob Storage 或 Amazon S3。该技能以文档导航形式提供从入门、Docker 部署、文件操作、数据管理、交互、定制到安全与本地化的分主题指南。

前端与建站700 次安装

syncfusion-react-themes

这是 Syncfusion React 组件库的主题(Themes)技能,用于为 React 应用中的 Syncfusion 组件应用主题、定制外观、实现暗色模式、使用 CSS 变量、配置图标以及调整视觉样式。该技能提供文档导航指南,涵盖内置主题、样式从组件包迁移到主题包、暗色模式实现、CSS 变量定制、图标库、尺寸模式(普通与触控)以及主题工作室等高级功能。用户可通过 npm 或 CDN 引入主题 CSS,使用特定类名(如 e-dark-mode、e-bigger、e-icons)控制暗色模式、尺寸与图标,并借助 CSS 变量在运行时修改主色、成功、警告、危险、信息等颜色。

前端与建站699 次安装

material-ui-nextjs

该技能用于把 Material UI 与 Next.js 的 App Router 和 Pages Router 正确集成,基于 @mui/material-nextjs。内容涵盖服务端渲染与流式渲染下的缓存 Provider 配置、Emotion 缓存、next/font 字体接入,以及与 Tailwind 或 CSS Modules 共用的 CSS layers(enableCssLayer)。还涉及样式丢失或顺序错误、样式被注入到 body 而非 head 的排查,Button 与 Link 结合组件的用法,以及 useSearchParams 驱动的 URL 状态与 Suspense 边界处理。SKILL.md 为入口,AGENTS.md 为完整指南,reference.md 列出导入路径与 Provider 形态。

前端与建站691 次安装

syncfusion-react-diagram

Syncfusion React Diagram 是 Syncfusion 提供的 React 图表可视化组件,用于在 React 应用中创建和定制交互式图表。它支持流程图、组织架构图、BPMN 业务流程、UML 图、ER 图、思维导图与网络图等多种图形类型。组件基于 SVG 渲染,通过节点(Nodes)、连接线(Connectors)、端口(Ports)、标注(Annotations)、布局(Layouts)与数据绑定等能力进行扩展定制。该技能条目面向需要搭建 React 图表组件的开发请求,涵盖组件安装、节点与连接线配置、形状样式、各类专用图表、布局算法、泳道、分组、符号面板、数据绑定、交互与工具、序列化与导出、以及图表全局设置等主题,并提供按参考文档阅读的导航指引。使用前需注意:生成代码示例前应先阅读 references/*.md 参考文件核对 API 类名、属性与签名。

前端与建站690 次安装

syncfusion-react-kanban

Syncfusion React Kanban 是 Syncfusion 提供的 React 看板组件技能文档,用于在 React 应用中实现灵活的任务管理看板与工作流可视化。该技能覆盖从安装 @syncfusion/ej2-react-kanban、导入 CSS 主题、基础组件搭建,到卡片、列、泳道、拖拽交互、数据绑定、模板与对话框、排序过滤与 WIP 工作量限制、主题与响应式定制、属性配置、方法调用和事件处理等完整内容。核心概念包括:卡片(表示任务,展示标题与内容字段,支持标签与自定义模板)、列(定义工作流阶段,可独立控制拖拽与显示条目数)、泳道(按分类、用户或优先级横向分组卡片)、拖拽(内置支持列间、列内、跨泳道及外部拖放)、数据绑定(静态数组或 DataManager 对接 OData/REST 接口)、模板(自定义卡片、列头、泳道头、提示与对话框)。文档同时提供快速上手示例、常用模式(按负责人分组泳道、锁定特定列拖拽、WIP 限制校验、双击编辑、远程 API 绑定)以及按需求定位的参考文件导航。适用于构建看板面板、工作流阶段管理或任务跟踪界面。原文未提供具体的收费、价格信息,也未说明平台兼容性细节。

前端与建站685 次安装

syncfusion-react-accumulation-chart

Syncfusion React Accumulation Chart 是一个用于在 React 应用中实现累积类图表的技能,覆盖饼图、环形图、漏斗图和金字塔图等圆形与层级数据可视化形式。它通过 AccumulationChartComponent 组件提供数据绑定、数据标签、图例、工具提示、数据分组、注解、数据点爆炸、半饼图、多级下钻、外观主题、导出打印以及无障碍访问等能力。适用于展示占比、转化流程、分层结构等数据场景。该技能文档包含入门、各图表类型、标签、图例、工具提示、分组、注解、自定义、无障碍、空数据点、主题与导出等参考主题,并给出快速上手代码与常见用法示例。安装需使用 @syncfusion/ej2-react-charts 包,通过 Inject 注入所需模块(如 PieSeries、FunnelSeries、PyramidSeries、AccumulationLegend、AccumulationDataLabel、AccumulationTooltip 等)。具体收费、价格及平台限制暂未提供。

前端与建站682 次安装