SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
11,045 个结果
Aceternity UI 是一套可复制粘贴的动画 React 组件集合，包含 3D 卡片、聚光灯、背景光束、移动边框、波浪背景等效果，基于 Tailwind CSS 构建，多数动画依赖 motion 包。它没有运行时包，组件以源码形式从 shadcn 兼容的注册表（ui.aceternity.com/registry/<name>.json）获取，由 shadcn CLI 写入 components/ui/ 并安装依赖，代码归使用者所有并可自行编辑。免费组件通过该方式安装；站点另售付费的 Pro 模板与区块，不在本技能范围内。
面向 React 与 Next.js（App Router）的生产级最佳实践技能，覆盖渲染策略、数据获取、状态管理、包体积与重渲染优化、Server Actions、安全与可访问性，并按影响程度排序给出规则。
前端检查清单中的 SEO 规则，用于审计页面元数据或生成 SEO 优化标题。适用于所有需要出现在搜索结果中的 HTML 页面，检查 <title> 标签的唯一性、长度与关键词位置。
面向开发者的账户设置界面模式，用于让已登录用户管理账户配置、安全偏好、通知设置与个人数据。资料说明其用途、适用与避免场景，并给出无障碍、性能、交互护栏及常见错误。
面向 AI 操作加载状态的 UX 模式，用于在长时间生成、工具调用与检索、以及首个 token 到达前的流式准备阶段，向用户清晰传达请求进度与中间状态，避免假装已知确切完成时间。
这是一个面向开发者的表单验证（Form Validation）UX 设计模式，用于在用户填写信息时提供字段级和表单级反馈，帮助团队在不打断用户流程的前提下减少填写摩擦。它适用于账户创建、结账与计费表单，以及同时包含客户端与服务端规则的流程表单。该模式强调在合适的时机触发验证（如失焦、暂停或提交），而非在部分输入时立即报错；同时要求标签、提示与错误信息保持紧密关联，并通过 aria-describedby 等方式连接。它还给出键盘交互、屏幕阅读器支持和视觉可访问性等无障碍护栏，并提示不要在二元、极小或完全受限的取值场景下使用自定义验证，避免重复浏览器原生输入已能完成的工作。
Product Card 是一个面向电商场景的产品展示卡片模式，用于在分类页、搜索结果和推荐货架中清晰概括商品信息，帮助用户决定是否查看详情、进行比较或直接加入购物车。该模式强调在卡片主层级中呈现价格、政策等信任信号，避免过度优化首次点击，并覆盖键盘操作、屏幕阅读器、视觉可访问性等无障碍要求，同时提醒团队考虑滥用与欺诈防护路径。
该技能用于在 WASM SPA 构建/预览流程中检测并修复缺失的 React/TSX 导入、未定义组件与打包器运行时错误，通过源码级补丁而非运行时打桩来消除 ReferenceError 和裸模块说明符问题。
css-design-system 是一个仅使用 CSS 文件创建或更新 CSS 设计系统基础的工具技能。它通过原始令牌、语义主题令牌、基础样式和组件类构建可移植的设计系统，支持 light、dark、system 等主题，并可选生成预览页面。该技能不引入 Tailwind、Sass、组件库、CDN、构建步骤或生成的 JavaScript，遵循目标项目已有的样式目录与文件拆分约定。
TanStack Start 是一个全栈 React 框架，由 TanStack Router 与 Vite 驱动，提供 SSR、流式渲染、服务器函数、服务器路由、中间件与通用部署能力。其核心差异点包括端到端类型安全、可组合的中间件（客户端与服务端）、按路由选择性 SSR、部署无关（任意兼容 Vite 的托管环境）以及显式优于隐式的模式。若只需客户端路由而不需要 SSR、流式渲染、服务器函数或中间件，应直接使用 TanStack Router 而非 Start。它不适用于 Next.js、Remix 或 React Router 项目。RSC 支持可通过 Composite Components 实现，即客户端获取、缓存并流式接收由服务端生成的 React 组件。
用于将 react-resizable-panels 从 v3 升级到 v4 的迁移技能，覆盖组件与类型重命名、Props 变更、尺寸单位从百分比改为像素/字符串、CSS data 属性更新、Hook 变更等关键路径，并给出常见报错定位与迁移检查清单。
Hydration Guardian 是一个面向 React 19.3 与 Next.js 16.2 的服务端与客户端渲染一致性技能，专注消除水合不匹配（Hydration Mismatch）错误，通过感官验证协议、Pausable 组合与确定性数据桥接等模式保障 SSR 与客户端 React 树一致。
Makepad Layout 是 Makepad 框架的布局系统技能，用于编写和解释 Makepad 的界面布局代码。它覆盖 width、height、padding、margin、flow、spacing、align、clip_x、clip_y 等布局属性，以及 Fit、Fill、固定像素等尺寸取值，Down、Right、Overlay 等流方向和九宫格对齐方式。技能提供基础容器、居中、水平行、固定加弹性等常用布局模式，并附带本地参考文档（layout-system.md、core-types.md）。适用于使用 Makepad 构建跨平台 UI 时的布局编写与问题解答。
Robius Widget Patterns 是一套面向 Makepad 框架的可复用组件设计实践指南，源自 Robrix（Matrix 聊天客户端）与 Moly（AI 聊天应用）两个真实代码库。该技能在创建可复用 Makepad 组件、设计组件 API、实现文本/图片切换模式以及进行动态样式设置时触发使用。内容涵盖标准组件结构（live_design! DSL 定义、#[derive(Live, LiveHook, Widget)] 结构体、#[deref] 委托、#[live] 与 #[rust] 属性区分）、文本/图片切换模式（如头像组件）、使用 apply_over 进行运行时动态样式、*Ref 外部 API 封装、可折叠/展开模式、加载状态模式以及 PortalList 虚拟列表项模式。_base/ 目录提供生产级模式，包括组件扩展、模态浮层、可折叠区块、列表模板、LRU 视图缓存、提示气泡、重绘优化、停靠式布局、悬停效果、网格布局、拖拽排序、翻页优化、折叠行门户列表与下拉浮层等。参考文件包含 Robrix 组件模式、样式模式与 Moly 专属模式（Slot 运行时内容替换、MolyRoot 条件渲染、AdaptiveView 响应式布局、聊天行变体、命令输入框、侧边栏导航）。
本技能帮助开发者构建符合 WCAG 指南的包容性网页体验。内容涵盖无障碍设计的核心原则（POUR：可感知、可操作、可理解、健壮）、WCAG A/AA/AAA 等级与 AA 目标建议，以及语义化 HTML 的正确元素选择与文档结构、标题层级、图片与音视频替代文本、表单标签与错误处理、键盘导航与焦点管理、跳过链接、快捷键模式、ARIA 属性与角色、颜色对比度要求与色彩独立性，并给出自动化测试（jest-axe）与手动测试、屏幕阅读器测试的方法和常用工具，同时提供模态框、标签页等常见交互模式的无障碍实现示例。
该技能提供移动优先的响应式设计模式，涵盖断点系统、流式布局、自适应组件、流式排版、响应式图片与触控友好交互等实践。内容以代码示例形式给出，包括 Tailwind 断点配置、移动优先的弹性布局写法、clamp 流式字号与容器查询、picture 元素响应式图片、44x44px 最小触控目标以及滑动手势 Hook。适合前端开发者在构建跨设备自适应界面时参考，可与前端设计系统、无障碍模式及 Web 应用测试等技能配合使用。
一个用于生成生产级前端 UI 设计的设计系统技能：通过设计令牌、布局规则、动效规范与无障碍检查，帮助产出风格一致、可扩展的界面。
OnchainKit 是 Coinbase 提供的 React 组件库，用于构建链上应用，涵盖钱包连接、身份展示、代币兑换、NFT 铸造与支付等场景，可在 Base 上运行且无需自建后端。
Frontend Design 是一个前端设计专家型智能体，用于打造精致、可直接上线的用户界面，强调鲜明视觉特征与微交互，避免通用 AI 风格设计。适用于落地页、仪表盘、组件库、设计系统与视觉改版等场景。
Next.js 14+ App Router 技能，涵盖服务端组件、流式渲染、数据获取、Server Actions、路由处理器、缓存与元数据等模式，并给出文件约定与最佳实践。
用于创建无需打包器、直接在浏览器运行的 ESM 前端技能：基于 Preact 与 signals，通过 import map 从 CDN 加载依赖，支持哈希路由、懒加载、缓存破坏与子路径挂载，适合静态前端与无构建 SPA。
用于创建、编辑和验证浏览器原生 HTML 幻灯片演示的技能。支持 1920×1080 固定画布、响应式视口缩放、键盘导航、便携资源与基于证据的视觉验证，适用于 HTML 演示、浏览器 PPT、周会分享等场景。
基于 LibTorch（PyTorch C++ 前端）与现代 C++17/20 的 C++ 强化学习实践技能，涵盖 DQN、PPO、SAC 等算法的实现模式，适用于生产部署、机器人、游戏 AI 与实时应用。
Reactome 通路数据库查询技能，通过 REST API 与 reactome2py 客户端检索通路、反应与分子互作，并对基因或蛋白列表做过度代表分析与表达数据分析，支持结果在 Pathway Browser 中可视化。