SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
11,329 个结果
Remix 3 是一个基于 Web API（Request、Response、URL、FormData）构建的服务器优先 Web 框架，所有包通过单个 npm 包 `remix` 发布，并使用子路径导入（不支持顶层 `remix` 导入）。本技能用于端到端构建和审查 Remix 3 应用，帮助开发者优先选择合适的抽象层、找对包、并避免 Remix 特有的常见错误。适用于涉及路由、控制器、中间件、数据、认证、会话、UI 或测试的新功能开发与重构，也适用于审查 Remix 应用代码的正确性、架构或框架使用方式，以及回答“在 Remix 中应该如何组织”之类的问题。技能强调先分类任务，再加载最小的参考文档集合；README 可从 `node_modules/remix/src/<subpath>/README.md` 获取。
build-site 是一个用于构建高保真、电影感「1:1 像素级」React 落地页的技能。它基于一套固定的高级设计系统，提供 4 种美学预设（Organic Tech、Midnight Luxe、Brutalist Signal、Vapor Clinic），并规定统一的视觉纹理、微交互与动画生命周期。该技能以「最小摩擦、先推断」为流程：用户提出建站需求后，不进行多问题问卷，而是由模型自行推断品牌名、一句话定位、美学预设、3 条价值主张与主 CTA，先发出简短公告再立即开始搭建。技术栈为 React 19、Tailwind CSS v3.4.17、GSAP 3（含 ScrollTrigger）与 Lucide React 图标，使用真实 Unsplash 图片，最终启动 Vite 开发服务器并自动在浏览器打开。
用于把 Refine.dev 后台管理界面接入 Taruvi 的前端技能，基于 @taruvi/refine-providers v1.3.0。通过六个 provider 封装 Taruvi 数据 API、存储与应用资源，并用 meta 调用 populate、aggregate、graph、upsert 等特性。
该技能用于创造具有独特设计感、可达到生产级质量的前端界面，帮助避免常见的AI生成式审美（如过度使用的字体、俗套配色和雷同布局）。它会先进行设计思考，明确界面用途、目标用户、技术约束与差异化记忆点，然后选定一个大胆而清晰的美学方向，例如极简、极繁、复古未来、自然有机、奢华精致、编辑杂志风或工业实用风等，并以精确性将其贯彻到底。之后输出可真正运行、功能可用的代码（如 HTML/CSS/JS、React、Vue 等），同时要求视觉上令人印象深刻、风格统一且细节考究。该技能还给出前端美学指导，涵盖字体选择、配色与主题、动效与微交互、空间构图、背景与视觉细节等方面，强调用 CSS 变量保持一致性、优先使用 CSS 动效、运用非对称与破格布局、通过渐变网格/噪点/纹理等营造氛围，并要求实现复杂度与美学愿景相匹配。适用于用户要求构建网页组件、页面、作品或界面等场景。
用于为 Mistica 在线 Playroom 编辑器（https://mistica-web.vercel.app/playroom）生成可直接粘贴的 JSX 代码的技能，帮助在浏览器中即时预览 Mistica 组件、页面与交互原型。
Kendo UI for Angular 无障碍助手，为 Angular 组件提供 WCAG 2.2 AA 及组件级 ARIA、键盘导航与屏幕阅读器支持指引。
用于创建 Kendo UI for Angular 新项目，或将 Kendo UI for Angular 添加到已有 Angular 项目的技能插件，支持选择主题并可运行应用。
kendo-angular-icon 是一个面向 Kendo UI for Angular 图标库的辅助工具，来源于 telerik/ai-plugins。它通过 kendo_icon_assistant 这一 MCP 工具，让开发者用名称、用途或关键词来检索图标，便于为特定操作、概念或界面元素挑选合适图标。调用时传入 query（图标用途或关键词描述）与 limit（用于调整返回数量的预期值，如 0.1 约对应 1 个图标、0.3 对应少量图标、1.0 对应较多图标）。该工具还给出在 Angular 中使用图标的建议：优先使用 SVG 图标，需安装 @progress/kendo-svg-icons 与 @progress/kendo-angular-icons，并通过 kendo-svg-icon 组件配合 KENDO_ICONS 引入具体图标（如 paperclipIcon）；若无法使用 SVG，可作为回退方案使用字体图标，需在 index.html 引入 @progress/kendo-font-icons 的样式表，并使用 kendo-icon 组件配合 name 属性。此外，可调用 kendo_component_assistant 获取 SVGIcon 或 Icon 组件的完整 API 参考与文档。
Kendo UI for Angular 的布局助手技能，用于获取 Kendo Design System 的 CSS 工具类，帮助在 Angular 应用中构建页面布局。使用时通过 kendo_layout_assistant MCP 工具，以自然语言描述布局需求（如页头、侧边导航、内容区、页脚、卡片网格及响应式要求），即可返回对应的工具类，并可选择附带示例构建块。技能强调在编写自定义布局 CSS 之前先调用该工具，并建议先阅读 layout-conventions.md 了解 Angular 尺寸规则（如 flex 子元素的 min-width: 0、Grid 与 Chart 的显式 [height] 绑定）。
面向 Kendo UI for Angular 应用的主题样式助手，依据 Kendo Design System，通过自然语言描述生成自定义主题所需的 CSS 变量。
Kendo UI for Angular 的 UI 生成编排入口，用于构建或优化 Angular 界面，串联无障碍、布局、组件、主题、图标等阶段，并依赖 kendo-angular-mcp 提供的 kendo_* 工具。
将单个 Svelte 4 组件迁移到 Svelte 5 runes 语法的技能，覆盖 props、状态、派生值、副作用、事件、插槽等改写模式，并在迁移后用 pnpm check 校验类型。
PortfolioFlow 是一个面向景观、平面、室内、工业、UX 五大设计领域的作品集建站 Skill，用户用一句话描述需求即可生成完整作品集前台、管理后台、主题配色与 Edge Functions，并部署到 EdgeOne Pages。
该技能用于生成完整的 SaaS 落地页并部署到 EdgeOne Pages，产出一个托管 URL 与完整源码。包含导航、Hero、功能、定价、用户评价、CTA 与页脚等区块，技术栈为 React 18 + Vite + Tailwind CSS。
这是一个面向博客文章与长文页面的专业设计系统，参考 Stripe、Vercel、Tailwind、Linear 文档的排版模式，提供具体的字号层级、间距规则、代码块样式与视觉层级指南，兼顾深色与浅色主题的可读性。它规定了内容容器宽度（正文建议 max-w-2xl，含宽代码块或表格时用 max-w-3xl）、居中与内边距、标题与正文的字号/行高/颜色、列表与行内元素样式、代码块与输出块的视觉层级、表格样式、页面级结构（面包屑、标题、元数据栏、正文、页脚）以及响应式行为，并给出 React markdown 组件覆盖与文章页布局的示例代码。适用于构建或改进博客、文章、长文内容页面的排版与阅读体验。
imgix 是一个实时图像处理 CDN：把它指向你的图片存储（S3、GCS 或网站目录），即可通过 URL 参数提供优化和变换后的图片，无需预处理，变换按请求执行并全球缓存。
Preact 是一个约 3kB 的轻量级 React 替代库，提供相同的现代 API。它帮助开发者使用组件模型、hooks、signals 响应式状态以及 compat 兼容层来构建高性能 Web 应用，适合对包体积敏感的场景，如性能关键型应用、嵌入式组件和移动端网页。
Qwik 是一个可恢复（resumable）的 Web 框架，通过消除水合（hydration）实现即时加载应用。它将应用状态序列化进 HTML，JavaScript 按用户交互懒加载而非在页面加载时加载，因此初始加载 JS 接近零。本文介绍其安装、项目结构、组件、状态、数据加载、服务端操作与部署方式。
React Aria 是 Adobe 提供的 React 无障碍 UI 基础组件库，负责键盘导航、屏幕阅读器播报、焦点管理与 ARIA 属性，样式由开发者自行控制，适用于表单控件、设计系统与无障碍修复。
Remix 是一个基于 Web 标准的全栈 React 框架，采用嵌套路由、loader/action 数据模式与渐进增强来构建快速、健壮的应用。表单无 JavaScript 也能工作，嵌套路由并行加载数据，错误边界可将故障隔离在单个路由片段。
v0-dev 是一个围绕 Vercel 出品的 AI UI 生成工具 v0 的技能，用于根据自然语言描述生成 React 组件与整页 UI，并可集成到 Next.js 项目。它强调通过具体、可视化的提示词生成基于 shadcn/ui、Tailwind CSS 和 React 的界面，支持对话式迭代、生成仪表盘、表单、数据表格、卡片布局、导航与弹窗等，也说明了 v0 在真实 API 调用、认证、数据库、复杂状态管理、自定义动画等方面的局限。
wagmi 是一套面向以太坊的 React Hooks 库，用于连接钱包、读取链上数据、发送交易与切换网络，底层基于 TypeScript 以太坊库 viem。本技能用于在 React 前端构建 dApp，涵盖安装 wagmi、viem 与 @tanstack/react-query（可选安装 @rainbow-me/rainbowkit 钱包弹窗），创建 wagmi 配置（如示例中的 chains、connectors、transports），在应用外层包裹 WagmiProvider 与 QueryClientProvider，并通过 useAccount、useConnect、useDisconnect 等 Hook 实现钱包连接与断开。还包含链上读写的示例：使用 useReadContract 读取 ERC-20 余额，使用 useWriteContract 与 useWaitForTransactionReceipt 发送转账并追踪交易确认状态。
WooCommerce 是 WordPress 上最流行的开源电子商务插件，据资料称驱动约 40% 的在线商店。它本身免费，可通过扩展支持支付、配送、订阅和多货币，并可用 PHP 钩子与 REST API 深度定制。本技能面向在 WordPress 上搭建商店的场景，涵盖商品与订单管理、结账定制、Webhook 事件处理等，适合需要自建电商站点或做无头电商前端的开发者。
dlitem 是前端检查清单中的无障碍规则，用于检查 <dt> 与 <dd> 是否被包在 <dl> 定义列表内。孤立的定义项会丢失语义，辅助技术难以将术语与定义关联。