SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

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

更新于 10-21 00:11

前端与建站

10,942 个结果

syncfusion-aspnetcore-sparkline

该技能用于在 ASP.NET Core 应用中创建 Sparkline（迷你图）组件，属于 Syncfusion ASP.NET Core UI 组件技能集。Sparkline 是一种紧凑型数据可视化图表，无坐标轴，占用空间极小，适合仪表盘与表格集成。组件支持五种图表类型：折线图、柱状图、面积图、胜负图和饼图，并提供标记（高、低、起点、终点、负值）、数据标签、范围带、工具提示和跟踪线等视觉与交互增强。技能涵盖 API 参考、入门配置、图表类型、数据功能、外观主题、用户交互以及无障碍与部署等文档。使用方式为在 ASP.NET Core 项目中安装 Syncfusion.EJ2.AspNet.Core NuGet 包，配置 TagHelper 与脚本管理器，然后在 Razor 页面或 MVC 视图中通过 <ejs-sparkline> 标签绑定数据源并设置类型。适用场景包括财务仪表盘、KPI 监控、数据表格内嵌趋势、状态报告和移动端仪表盘。限制方面，资料仅涉及与 ASP.NET Core 的集成，未提供其他平台支持、授权收费或性能数据。

前端与建站51 次安装

syncfusion-aspnetcore-switch

本技能用于在 ASP.NET Core 应用中实现 Syncfusion Switch（开关/切换按钮）组件，适合为表单输入或状态管理创建开/关、启用/禁用、是/否等布尔值切换控件。内容覆盖 TagHelper 注册与 NuGet 包安装、创建首个 Switch、设置 on/off 标签；属性配置（checked、disabled、name、value、onLabel、offLabel、change、cssClass）及与 ASP.NET Core 模型的数据绑定；通过 change 事件处理状态切换、随表单提交 Switch 值和服务器端验证；使用 CSS 类（wrapper、handle、inner）与主题（Material、Fabric、Bootstrap）、Theme Studio 自定义外观；以及调整尺寸、RTL 支持、拦截状态变更、条件禁用等进阶模式。适用于用户偏好设置、功能开关、表单选项与同意项、管理端控制、订阅状态切换等场景。组件基于 TypeScript/JavaScript，支持键盘导航并遵循 WCAG 无障碍标准。

前端与建站51 次安装

syncfusion-aspnetcore-uploader

这是一份关于在 ASP.NET Core 应用中实现 Syncfusion Uploader 文件上传组件的完整技能指南。该组件用于处理文件选择、验证、异步上传、拖放支持和进度跟踪，并通过 Syncfusion 的 TagHelper 语法集成到 ASP.NET Core 项目中。指南涵盖安装 Syncfusion.EJ2.AspNetCore NuGet 包、在 _ViewImports.cshtml 中配置 TagHelper、通过 CDN 或自托管方式引入样式与脚本资源、注册脚本管理器等入门步骤，并详细说明异步上传、文件验证、多文件与单文件上传、拖放、自定义放置区域、自动上传、进度跟踪、文件移除、分块上传、粘贴上传、目录上传、表单集成、模板定制、本地化和错误处理等能力。文档提供按主题拆分的参考文件导航，给出基础上传器、带进度的多文件上传、带验证的单文件上传、自定义拖放区域等代码示例，并列出关键属性及其类型与默认值。同时说明脚本资源运行时远程代码依赖风险及其缓解方式，即自托管资源或使用带 SRI 校验的 CDN 引入。

前端与建站51 次安装

syncfusion-flutter-sliders

该技能介绍 Syncfusion Flutter 滑块控件的使用方法，涵盖 SfSlider（单值选择）、SfRangeSlider（双手柄范围选择）和 SfRangeSelector（带子组件的范围选择，常用于图表联动）三个组件。内容涉及如何按需求选择合适的控件、数值与日期类型配置、轨道与刻度等视觉定制、拖拽模式、RangeController 控制器、回调事件以及无障碍与状态支持，并提供快速上手代码示例。

前端与建站51 次安装

syncfusion-javascript-dashboard-layout

Syncfusion JavaScript Dashboard Layout 是基于网格的仪表盘布局组件，用于构建可拖拽、可调整大小面板的交互式仪表盘界面。它支持动态面板管理、浮动布局、状态持久化和通过媒体查询实现响应式行为。面板可在网格上通过行列和跨度定位，用户能够重新排列、多方向缩放面板，并保存或恢复布局配置。该技能以导航指南形式组织，涵盖入门安装、面板配置、拖拽移动、程序化移动、缩放、面板增删、浮动与响应式、持久化与状态、事件处理以及完整 API 参考等主题，并提供快速开始代码示例和常见使用模式。适用于分析报表仪表盘、可定制小组件布局、数据监控界面、用户可配置 UI 以及实时数据可视化中枢等场景；不适合静态固定布局、简单页面布局或单列布局。

前端与建站51 次安装

syncfusion-javascript-splitter

本技能介绍如何使用 Syncfusion TypeScript Splitter 控件创建响应式多窗格界面。该控件可将容器划分为多个由可调整大小的分隔条隔开的窗格，支持水平与垂直布局、窗格折叠/展开、像素或百分比尺寸、最小/最大尺寸约束、嵌套分隔器、事件回调、样式定制以及 RTL 从右到左布局。资料还详细列出了属性（如 height、width、orientation、paneSettings、enableRtl 等）、窗格配置属性（size、min、max、collapsible、collapsed、resizable、content、cssClass）、API 方法（addPane、removePane、expand、collapse、refresh、destroy 等）以及事件（beforeExpand、expanded、beforeCollapse、collapsed、resizeStart、resizing、resizeStop、beforeSanitizeHtml 等），并提供了多个代码示例，覆盖响应式窗格、可折叠窗格、垂直拆分、嵌套布局、事件拦截、动态增删窗格、持久化状态和 RTL 等常见模式。

前端与建站51 次安装

syncfusion-winui-badge

Syncfusion WinUI Badge 控件（SfBadge）用于在按钮、图标、头像等 UI 元素上叠加显示通知徽标、未读计数或状态指示。该技能提供从安装配置到形状、填充色、对齐定位、自定义外观、动画等完整实现指南，并包含未读消息计数、状态指示、成功/警告状态、大数字格式化、ListView 内徽标等常见用法示例，以及 BadgeContainer 与独立 Badge 的选用建议和故障排查参考。

前端与建站51 次安装

tailwindcss-v4

Tailwind CSS v4 是 Tailwind CSS 第四代版本，核心变化是采用 CSS 优先（CSS-first）的配置方式，取代 v3 的 JavaScript 配置文件。在 v4 中，项目通过在 CSS 中写 @import "tailwindcss" 引入框架，而不再使用 @tailwind base、@tailwind components、@tailwind utilities 这三条 v3 指令，后者在 v4 中会导致错误。主题配置通过 @theme 指令定义设计令牌，例如颜色、间距、字体等变量。框架提供 @utility 用于创建自定义工具类，@custom-variant 用于定义自定义变体，@source 用于控制类名检测与安全列表，@reference 用于在 @apply 场景下导入而不产出 CSS。该技能适用于正在使用或迁移到 Tailwind v4 的项目，涵盖从 v3 迁移的要点、PostCSS 与 Vite 的集成配置，以及新增的渐变语法、变体和安全列表等能力。

前端与建站51 次安装

predictability

「可预测性」是 Toss 前端基础（frontend-fundamentals）代码质量系列中的一条编码原则，强调函数应当按名称所暗示的方式运作，不应包含隐藏行为。该技能适用于以下情形：getX() 或 fetchX() 中藏有副作用、同类函数返回类型不一致、函数名称与实际行为不符。核心做法包括：把隐藏逻辑显式化，例如将 fetch 函数内部的日志上报等副作用移到调用处；统一同类函数的返回类型，使用可辨识联合（Discriminated Union）如 { ok: true } | { ok: false; reason: string } 表达校验结果；当命名与库名冲突时改用可区分的名称（如 http → httpService）。文档还给出代码坏味道与改进方法的快速对照表，并提醒：副作用应移动到显式位置而非直接删除、避免过度复杂的类型、保持既有 API 契约。

前端与建站51 次安装

awwwards-hero-section

这是一个专注于构建 Awwwards/FWA 级别 Hero 区块（首屏）的技能，仅处理 Hero 区块，不涉及整页、导航、页脚或功能区块。它通过四阶段流水线工作：读取参考图提取设计信号、从六种 Hero 架构中选择一种、构建排版/配色/氛围/动效/移动端适配、最后与参考图做视觉比对验证。每个阶段设有质量门，未通过则阻止进入下一阶段。适用于用户要求 Hero、落地页头部、首屏区块，或提供 Hero 设计参考截图时触发。

前端与建站51 次安装

makepad-2.0-layout

Makepad 2.0 布局系统技能，用于掌握 Makepad 框架中基于「布局乌龟（turtle）」的 UI 布局机制。Makepad 不使用 CSS flexbox 或 CSS grid，而是通过两个核心概念来摆放控件：Walk（控件自身如何确定尺寸，如 width、height、margin）和 Layout（容器如何排列子元素，如 flow、spacing、padding、align）。该技能涵盖尺寸语法（Fill、Fit、固定像素及约束写法）、流方向（Right、Down、Overlay、带 wrap 的流）、间距与内边距（含 Inset 语法）、对齐（Center、HCenter、VCenter 及 0.0-1.0 坐标）、裁剪控制、滚动容器、Filler 占位符，以及常见的页面、工具栏、卡片网格、分栏、固定头尾布局等模式，并给出容器 height: Fit 的常见陷阱与覆盖层定位建议。

前端与建站51 次安装

web-artifacts-builder

web-artifacts-builder 是 Anthropic 提供的工具套件，用于使用现代前端技术栈（React、Tailwind CSS、shadcn/ui）创建结构复杂、多组件的 claude.ai HTML artifact。它通过初始化脚本搭建 React 项目，开发完成后利用打包脚本将全部 JavaScript、CSS 和依赖内联为单个自包含的 HTML 文件，从而可直接在 Claude 对话中作为 artifact 分享。项目内置 40 多个 shadcn/ui 组件和完整的 Radix UI 依赖，并预置路径别名、Tailwind 主题系统与 Parcel 打包配置，同时兼容 Node 18 及以上环境。该工具还提供设计与风格指南，提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见 AI 生成风格。适合需要构建较完整交互式前端界面并作为单个 HTML 交付的场景。

前端与建站50 次安装