SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
11,329 个结果
SaaS Landing Theme 是一个用于生成现代、浅色主题 SaaS 落地页的技能，主打温暖的编辑式美学、以转化为导向的布局和精致的 UI。它适用于用户需要 SaaS 落地页、营销站点、产品主页、创业公司网站、定价页或功能展示页的场景。该技能强调避免常见的“AI 生成感”设计，例如白底紫色渐变、Inter/Roboto/Arial 等系统字体、抽象色块插画和千篇一律的布局。它提供完整设计系统与模板结构参考，支持整页、仅区块以及 React/JSX 三种输出模式，并可按品牌色、产品名、标语、功能、定价和评价进行定制。
Fluent UI Web Components 是微软基于 FAST 元素平台构建的一套框架无关的自定义元素组件库，用于在任意支持 Web Components 标准的环境中实现 Fluent 2 设计语言。它可在原生 HTML/JS、Angular、Vue、Svelte、Blazor、PHP 模板或微前端外壳中渲染，并支持通过 CDN 直接引入而无需构建步骤。组件以 fluent- 前缀注册，如 <fluent-button>、<fluent-card>、<fluent-data-grid> 等，具备 Shadow DOM 样式隔离、设计令牌（CSS 自定义属性）主题化、按需引入（tree-shaking）等特性。配套包包括 @fluentui/web-components（组件库）、@fluentui/tokens（令牌定义）和 @microsoft/fast-element（底层框架）。
围绕 Next.js App Router 的实践模式参考，讲解 Server Components、数据获取、路由、中间件、缓存与部署等用法，包含目录结构示例、代码片段和常用命令，面向使用 Next.js 构建生产应用的开发者。
OnchainKit 是 Coinbase 推出的 React 组件库与 TypeScript 工具集，用于构建链上应用。它提供钱包连接、身份展示、代币兑换、交易构建、支付和 NFT 等预置组件，默认在 Base 上运行，无需自建后端，适合快速搭建加密钱包、兑换与支付界面。
React 生产实践技能，涵盖 Hooks、组合模式、状态管理、性能优化、Server Components 与测试模式，提供自定义 Hook、复合组件、虚拟列表、代码分割、错误边界等示例与使用建议。
storybook-gen（命令行工具 ai-storybook）是一款根据 React 组件自动生成 Storybook 故事（stories）的免费开发工具。它通过解析组件的 props 类型、默认值和结构，自动生成包含各类变体、控件（controls）和边界情况的完整 Storybook 故事，并支持 TypeScript 类型与真实示例数据，减少手写样板代码。使用时无需安装，直接通过 npx 运行，支持单文件、递归目录、CSF3 格式、交互测试和自定义输出目录等选项。适用于为现有代码库搭建 Storybook、快速为新组件补充故事、为团队记录组件库以及构建设计系统等场景。
Tailwind Design System 是一套基于 Tailwind CSS 构建设计系统的实践指南，聚焦组件模式、响应式设计、深色模式、自定义主题与动画。它通过按钮、卡片、输入框等示例展示如何用工具类保持 UI 一致且可扩展，并给出移动优先断点、class 策略深色模式切换、tailwind.config 设计令牌扩展以及淡入、滑入、脉冲骨架屏等动画写法。适合使用 Tailwind CSS 的前端与设计系统开发者参考。
该技能用于构建、重构或审查复杂的 React Hook Form 表单流程，尤其是存在跨字段依赖、useWatch/watch、useEffect、setValue/trigger 等场景。核心规则是把跨字段编排集中在一个 controller/container 层，表单字段组件只负责渲染字段并调用显式处理函数，不各自持有分散的表单状态机。适用于字段变更会重置或默认另一字段、字段变更需重新校验另一字段、被监听值触发 API 调用或防抖请求、校验依赖派生最大/最小值或余额、表单在输入后冻结或循环、组件同时使用 useWatch/watch 与 useEffect 加 setValue/trigger 等情况。
React Modal Dialog Pattern 是一个用于构建、重构或审查模态类 UI 的 React 模式技能，适用于 Dialog、Drawer、Sheet、Popover、Option panel、Select menu、下拉菜单、命令菜单等任何可折叠或覆盖层原语。其核心规则是将每个模态类组件拆分为两层：Container（容器）负责架构边界与开关接线，Content（内容）负责交互主体以及仅在 UI 打开期间存在的 hooks 与状态。该模式旨在避免关闭后残留状态、减少大范围重渲染、防止后台副作用，并保持架构清晰。
该技能把 Figma 设计转换为符合 Tiger Data 官网组件库、Tailwind CSS 规则与 Atomic Design 约定的可实施代码，适用于用户提供 Figma 链接或要求实现设计稿的场景。
用于修改 Tiger Data 官网（timescale/timescale-website 仓库）内容与图片的技能：通过 GitHub API 读写文件、建分支、提交并开 PR，再给出 Vercel 预览链接供人工查看。
面向产品与 UI 视觉设计的技能，结合 Tailwind v4 与 Google Gemini 图像模型（Nano Banana 系列）打造精致、具电影感的营销页面视觉，涵盖艺术方向、设计令牌、布局组件与主视觉图生成。
Svelte 5 语法参考技能，用于编写任意 Svelte 组件。强调使用 runes（$state、$derived、$effect、$props）并迁移 Svelte 4 旧写法，涵盖 props、事件、插槽与 store 的替代方式。
Trigger.dev 的客户端与前端实时技能，介绍如何用 runs.subscribeToRun 和 @trigger.dev/react-hooks 的 useRealtimeRun 订阅运行状态、消费元数据、使用流与前端触发，并说明作用域令牌与常见误用。
build-ghost-app-ui 是用于构建 Ghost 应用界面的技能，基于 Ghost 设计系统 Shade（@tryghost/shade）搭建应用屏幕。它负责完成 Shade 的安装与配置，并引导使用配套的 Shade 技能与文档。适用场景为新建或修改 Ghost 应用 UI、向应用引入 Shade 时使用；应用的 manifest、connect() 与安装属于 build-ghost-app 技能的职责。
这是一项由 Shift Skill Router 提供的托管技能，用于在 E2B 中创建或更新实时 Web 应用，并返回可分享的预览链接。当用户需要一个网页、落地页、仪表盘、交互式演示，或任何更适合在浏览器中实时查看而非以纯文本形式呈现的成果时，可以调用此技能。该技能通过本地 Skill Router 调用，无需向用户索取 E2B 凭据。使用时向 ${SHIFT_LOCAL_GATEWAY}/skill-router/invoke 发送 POST 请求，请求体中指定 skillProvider 为 e2b、skill 为 web-app、action 为 publish，并在 input.files 中提供文件路径与内容，可选通过 deletePaths 删除已有文件。该技能 v1 版本每个智能体仅保留一个活动的实时应用，再次调用会更新同一个应用而非新建，应用应保持简单自包含，推荐使用无需构建步骤的静态 HTML/CSS/JS。成功后返回 previewUrl、sandboxId、status 等信息。不适用于纯摘要、静态 Markdown 输出、更适合通过 Shift Files 返回的文件，或不需要实时浏览器预览的任务。
基于 Nuxt 4、Next.js 16、Astro、SvelteKit 和 React Router v8 的 NextDNS 前端集成技能，通过 BFF 安全代理 API Key，并提供配置档案管理、日志流、分析图表与错误处理等规则。
面向 Next.js 的路由开发技能，涵盖类型化路由、PageProps 与 LayoutProps 辅助类型，以及用 nuqs 管理 URL 状态，适用于页面、布局、导航与查询参数相关开发。
该技能来自 udecode/better-convex，名为 react，用于提供 React 开发相关的模式与规范，涵盖解构 props、编译器优化、Effects 以及 Tailwind v4 语法。资料说明在使用 React 时应始终使用该技能。其介绍指向 @.claude/skills/react/react.mdc 文件。除上述信息外，资料未提供更多关于具体用法、安装方式、适用场景与限制的细节。
面向 Next.js 15.5+ 的路由与导航技能，提供类型化路由、PageProps、LayoutProps、RouteContext 以及自定义参数 Hook，并用 nuqs 管理 URL 查询状态。
面向 Umbraco 17+ 的后台本地化技能，用于处理编辑器在后台界面看到的文本，而不是网站前台的语言。它区分两套系统：后台 UI 本地化（扩展标签、文档/媒体/成员类型名称、标签页、分组、属性及核心文案）使用 App_Plugins/<Package>/umbraco-package.json 及按文化区分的 JS 模块；服务器端 .NET 本地化（邮件、登录错误、健康检查等）使用 config/lang/<culture>.user.xml，通过 ILocalizedTextService 读取。技能要求先判断待翻译文本属于哪一套，默认走 UI 本地化；强调为 UI 键采用“区域_键”命名、用包名做 camelCase 前缀避免与核心区域冲突，提供完整英文回退文件；服务器端文本仅回退到 en-US，因此英文文件需包含全部键。还提醒 manifest 只能放在 App_Plugins 根目录或包目录下，不要修改核心语言文件，注册或重命名 manifest 后需重启，修改 JS 文本后需刷新浏览器，修改 .user.xml 后需重启，并在回复中说明回退规则、覆盖语言、重启/刷新要求以及未实际运行的验证。
该技能面向 Umbraco 17 服务端渲染站点，说明站点外观的实现方式：将样式表与 JavaScript 放在 wwwroot，通过 Razor 渲染后台内容（类型化取值、回退值、子页面）和媒体（图片、裁剪、缩放、视频、文件）。它强调按任务需要只读取对应参考文档，先检查项目使用的 Umbraco.Cms 版本，低于 17 则不适用；页面结构、模板与局部视图等归同系列技能 umbraco-templating 负责。技能面向需要搭建或调整 Umbraco 站点样式、内容渲染和媒体输出的开发者，也指导新手按页面结构、样式、内容与图片、后台操作的顺序完成整套设计。资料未提供具体安装命令、代码示例与收费标准。
一个前端 UI 库选择技能：根据具体任务（如提示、拖拽、图表等）从一份精选清单中匹配并推荐库，并说明其用途，必要时协助安装与接入。
uView Pro 组件库的官方技能文档集合，涵盖指南、组件、工具、钩子与布局五大类。指南类包含代码提示、自定义图标、自定义样式、自定义主题、示例、设计、常见问题、国际化、注意事项、主题及主题生成等文档；组件类覆盖按钮、表单、表格、日历、上传、弹出层、骨架屏等大量 uni-app 组件；工具类提供颜色转换、防抖、深拷贝、深度合并、HTTP 请求、路由、时间处理、MD5 加密、随机数与数组、小程序分享等工具；钩子类包含颜色管理、防抖、国际化、模态框、主题管理、节流、提示等组合式函数；布局类提供地址、城市选择、评论、优惠券、键盘支付、登录、菜单、订单、提交栏、微信中心等常见页面布局示例。每份技能文档包含名称、描述、官方文档链接、详细说明（含平台差异、基本使用、API 文档）、示例代码与注意事项。用户可在 references 目录查看具体文档，按示例将组件、工具或钩子集成到 uni-app 项目中，也可通过提交 PR 改进文档。