SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
10,942 个结果
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
面向 ReactJS、NextJS、NodeJS 应用的 QA 与测试技能，提供测试套件生成、覆盖率分析与 E2E 测试脚手架三个自动化脚本，并附带测试策略、自动化模式与 QA 最佳实践参考文档。
qa-quarto 是一个对抗式 Quarto 与 Beamer 一致性 QA 工作流，通过 critic 与 fixer 智能体迭代循环，比较 Quarto HTML 幻灯片与 Beamer PDF 基准在内容与视觉上的一致性。
PostHog skills 中的一类能力，用于以语义化 HTML、CSS 和浏览器原生 API 编写 PostHog canvas，适合文档、文章、图表、生成式图形以及 2D Canvas 与 WebGL 体验。
一个用于创建独特、生产级前端界面的技能，强调高设计质量，避免常见“AI 味”美学。适合构建网页组件、页面或界面时使用，先确定明确美学方向，再输出可运行代码并精细打磨字体、配色、动效与布局等细节。
quant-buddy-view 是 Quant Buddy 的量化看板发布技能：把量化分析或已有 JPG/PNG、HTML、PDF 发布为可分享活页或实时看板，支持创建、更新、复用、验收和公开链接交付。适用于个股画像、估值财务、指数异动、多因子筛选、商品日报、模板、分享壳及卡片等页面，也用于解读已提供的 QuantBuddy 活页 URL。
这是一个基于 Nuxt 的极简 Vue 落地页模板，面向 Netlify 平台部署，仓库位于 netlify-templates/nuxt-starter。模板使用 Nuxt 作为框架、Vue 作为前端技术，包管理器为 npm。提供的使用流程包括：克隆模板仓库、可选地删除原有 Git 历史并重新初始化、执行 npm install 安装依赖、使用 npm run build 构建、通过 netlify deploy --prod 部署到 Netlify 生产环境，以及使用 npm run dev 启动本地开发。该模板适合需要快速搭建 Vue 落地页并部署到 Netlify 的开发者，作为项目起点使用。关于具体页面内容、样式配置、环境变量、定价、性能指标等信息，资料中暂未提供。
TanStack Chat (Netlify) 是一个现代化聊天应用模板，结合 TanStack Router 与 Claude AI，可用于在 Netlify 上快速搭建并部署聊天界面。该模板以 React 作为前端框架，使用 TanStack Router 处理路由，并集成 Claude AI 提供对话能力，包管理器为 npm。资料提供了完整的本地开发与部署流程：先通过 git clone 拉取 netlify-templates/tanstack-template 仓库，可选地清除原有 Git 历史并重新初始化，然后执行 npm install 安装依赖；构建使用 npm run build，开发模式使用 npm run dev，部署到 Netlify 使用 netlify deploy --prod。资料未说明具体收费、价格、可用平台范围、模型版本、功能细节、界面特性或使用效果，这些内容暂未提供。
该技能用于将普通 CSS 样式表迁移为 Tailwind CSS 工具类，直接写在标记中。它覆盖选择器、媒体查询、伪类、自定义属性和动画等场景，提供布局与盒模型、排版、背景与边框、响应式断点、状态前缀、动画过渡以及任意值等转换对照表。工作流程包括：读取 CSS 文件并清点规则、找到引用各选择器的标记（HTML、JSX、TSX、Vue、Svelte）、按对照表逐条转换、将属性全部转为工具类后删除原 CSS 规则、清空后移除 CSS 文件或导入，最后验证页面外观一致、检查视觉回归。对于复杂选择器、@font-face、复杂 @keyframes 和 CSS 变量等无法纯工具类表达的内容，给出了保留全局 CSS、在 tailwind.config 中定义或迁移为主题值等处理方式。
Syncfusion ASP.NET Core Bullet Chart 是用于在 ASP.NET Core 应用中实现子弹图（Bullet Chart）的组件技能指南。子弹图是条形图的一种变体，可在紧凑的视觉格式中同时展示实际业绩与目标基准。该技能面向需要构建对比性绩效可视化、KPI 仪表板、带基准的进度跟踪等场景的开发者，提供从安装配置、数据绑定、坐标轴定制、范围与对比条设置，到数据标签、工具提示与无障碍支持的完整文档导航。文档通过多个参考章节组织，涵盖入门、数据绑定、坐标轴定制、范围与条形、定制与布局、数据与无障碍等主题，并配有快速开始示例和常见使用模式，帮助开发者快速在 ASP.NET Core 项目中集成并配置子弹图。
Syncfusion Flutter Gauges 是面向 Flutter 应用的仪表盘组件技能，涵盖 SfLinearGauge（线性仪表）与 SfRadialGauge（径向仪表）两个组件，用于数据可视化与测量值展示。线性仪表支持水平或垂直方向、条形指针、镜像效果，适合进度条、电池指示、音量控制等场景；径向仪表支持圆形或弧形显示、指针指针、范围指针、标题、多轴、注解与导出图片，适合速度表、温度计、罗盘、圆形进度等场景。技能内容按入门、组件概览、轴与刻度、指针、范围、样式定制、动画、交互、无障碍与高级特性组织，并提供基础示例与常用属性说明。
本技能介绍如何在 TypeScript 中实现和配置 Syncfusion AppBar（应用栏）控件，用于构建导航栏、应用头部和 UI 工具栏。内容涵盖响应式应用头部、品牌与标题展示、按钮/菜单/自定义内容集成、顶部/底部/粘性定位、颜色模式（Light、Dark、Primary、Inherit）、尺寸模式（Regular、Prominent、Dense）、样式与主题定制、间隔与分隔符布局、响应式设计以及无障碍支持。技能提供分主题的参考文档，包括入门、定位与粘性、尺寸与高度、颜色与主题、样式定制、布局模式、最佳实践与无障碍以及完整 API 参考，并附带快速上手示例和常见使用场景。
Syncfusion JavaScript Breadcrumb 是 Syncfusion JavaScript UI 控件技能集中的一项技能，用于在网页中实现和配置 TypeScript 面包屑导航组件。该组件以图形化界面元素的形式，帮助用户识别并高亮当前在网站层级结构中的位置，从而改善导航体验、降低认知负担。技能内容涵盖组件安装与初始化、items 数组的创建与填充、组件属性配置、面包屑项（BreadcrumbItemModel）的配置、模板与自定义、六种溢出模式（Menu、Collapsed、Hidden、Scroll、Wrap、None）、事件处理（itemClick、beforeItemRender、created）、组件方法与生命周期（appendTo、destroy、dataBind、refresh、getRootElement 等），以及 RTL 支持、状态持久化和基于 URL 自动生成面包屑等能力。适用于网站导航、电商分类路径、应用工作区导航和文件系统浏览等场景。
Syncfusion TypeScript Stepper 是 Syncfusion JavaScript UI 控件库中的步骤导航组件，用于在网页中展示多步骤流程与进度指示。它通过一组步骤（steps）引导用户完成向导式工作流，每个步骤可配置指示器（数字或图标）、标签文本、状态（未开始、进行中、已完成）、校验状态、禁用与可选标记等。组件支持水平与垂直两种布局、默认（图标+标签）、仅标签、仅指示器三种显示类型，以及标签在顶部、底部、起始、结束四个位置。它提供 15 个控件属性、12 个方法（如 nextStep、previousStep、reset）、5 个事件（created、beforeStepRender、stepClick、stepChanging、stepChanged），其中 stepChanging 可取消步骤切换，便于在步骤间做表单校验。还支持自定义模板、动画、工具提示、本地化、RTL 与无障碍键盘导航。适用于结账流程、表单向导、新手引导、任务进度跟踪等场景。
介绍 Syncfusion WinUI 的 SfAutoComplete 自动完成控件，用于在输入时从大数据集中筛选并给出建议，支持单选与多选、Token 标签、关键词过滤与模板自定义。
TanStack Vue Router（包名 @tanstack/vue-router）是 TanStack Router 的 Vue 绑定版本，提供 RouterProvider、Link、Outlet、Navigate、Await、CatchBoundary、ClientOnly、Html、Body 等组件，以及 useRouter、useRouterState、useMatch、useMatches、useLocation、useSearch、useParams、useNavigate、useLoaderData 等组合式函数。它建立在 router-core 之上，强调类型全推断与客户端优先，支持基于文件的路由与 Vite 插件配置。多数组合式函数返回 Ref<T>，脚本中需用 .value 访问，模板中自动解包。需要注意它与 Vue 官方 vue-router 是不同库。
React Context 模式技能，用于在 React 应用中进行状态管理，避免 prop drilling，在组件树之间共享状态。内容涵盖 Context 与 prop drilling 的对比、TypeScript 下创建与使用 Context、结合 useReducer 管理复杂状态、多 Context 组合、读写分离与 useMemo 性能优化、localStorage 持久化、功能开关、通知/Toast、模态框管理以及表单状态管理等模式。
Next.js 开发技能，覆盖 App Router、Server Components、API Routes、Server Actions、SSG、SSR 以及部署相关能力。适用于处理 Next.js 应用、服务端渲染、静态站点生成和 React Server Components 的场景。
用于在 Shopify 主题与 Theme App Extensions 中编写 Liquid 模板的指南技能，涵盖核心语法、App Blocks、App Embed Blocks、常用对象与过滤器，以及向 JavaScript 传值的方式。
这是 bkit-claude-code 工作流中的第六阶段（Phase 6），聚焦于前端 UI 实现与后端 API 集成。该阶段指导开发者使用设计系统组件实现各个页面，进行客户端状态管理，调用后端 API，并处理加载与错误状态。核心内容包括：集中式 API 客户端架构（三层结构：UI 组件层、Service 层、API Client 层）、按领域拆分的 Service 模式、统一的错误处理机制、客户端与服务端类型共享方案，以及 React Query、SWR 等数据获取模式。该阶段还提供零脚本 QA 方法，通过日志验证 UI 行为，并附带 API 集成检查清单，涵盖架构、错误处理和编码规范。适用于需要将前端界面与后端接口对接的开发场景。
这是一项图像转代码的像素级复刻技能。当用户提供截图或设计参考图并要求用代码复刻时，该技能按七个维度进行结构化信息提取，包括栅格布局、字体排版、颜色调色板、间距系统、组件清单、氛围质感与响应式线索，并遵循"图像即规格"原则：字号、间距、颜色、圆角、阴影、布局比例等所有视觉决策均来自参考图，而非个人偏好。整个流程分为四个阶段：图像接收分类、深度提取、构建、视觉对比，每个阶段设有质量关卡，未通过则不能进入下一阶段。构建阶段按全局设计令牌、布局骨架、字体排版等顺序逐步实现，并使用提取出的精确 CSS 值。参考图为设计规格，角色定位为翻译者而非设计师。
这是 Makepad 2.0 主题系统的技能文档，介绍在 Splash 脚本中通过 theme.* 变量访问设计令牌，为应用的配色、字体、间距与控件状态提供统一样式。系统内置 dark、light、skeleton 三套主题，其中 dark 为默认。核心原则是生产界面应始终使用主题变量而非硬编码颜色、字号或间距，以便应用自动支持主题切换并保持视觉一致。文档覆盖主题在 App::run 中的加载顺序、内部实现机制、全局参数、颜色变量（主色、文本标签、控件状态、语义状态、斜角系统等）、字体变量、间距与尺寸变量、Splash 中的使用示例、颜色语法参考、运行时切换主题，以及一套完整的主题感知 UI 示例与最佳实践。
modern-tailwind 是一套关于 Tailwind CSS 最佳实践的技能配置，来自 academind/ai-config。它围绕使用现代工具类与变体构建整洁、可扩展的 UI 展开，涵盖核心原则、变体与状态、响应式与容器查询、主题与自定义以及可维护性等方面。核心原则主张大多数样式优先使用工具类而非自定义 CSS，按布局→间距→排版→颜色→效果的顺序分组保持类列表可读，并先写语义化 HTML，让工具类起增强作用而非替代结构。变体与状态方面，建议在合适场景使用 hover、focus-visible、disabled、dark 和 motion-safe 变体，优先用 data-* 与 aria-* 变体处理与 DOM 语义绑定的状态样式，并用 group 和 peer 处理父子、兄弟状态而无需额外 JS。响应式与容器查询建议先写基础样式再叠加 sm、md、lg 等响应式变体，当布局依赖父容器尺寸时使用容器查询工具类。主题与自定义建议在 tailwind.config 中扩展主题而非临时写自定义类，重复不可避免时用 @layer 定义自定义工具类或组件，除小型可复用模式外避免 @apply。可维护性建议把可复用 UI 抽成组件而非重复大段类字符串，并保持类名确定性，尽量避免动态字符串拼接。
该技能把已命名美学（如 Y2K、粗野主义等）转成开发者可直接落地的设计规范：W3C DTCG 设计令牌、CSS 自定义属性、文化标记清单、组件级说明与冲突提示，覆盖美学框架全部 7 个维度，输出为具体可实施的数值而非抽象氛围描述。