SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
11,086 个结果
aria-required-parent 是前端检查清单（front-end-checklist）中的一条无障碍规则，用于确保 ARIA 角色被其必需的父级角色所包含。某些 ARIA 子角色（如 listitem、tab、menuitem）必须嵌套在特定的父角色（如 list、tablist、menu）中，否则屏幕阅读器可能无法将该项作为组的一部分进行播报，从而破坏导航体验。该规则提供快速参考、检查、修复、解释和代码审查等环节，帮助开发者验证并修正 ARIA 层级结构。
aria-roles 是前端检查清单（front-end-checklist）中的一条无障碍规则，主题为“使用有效的 ARIA role 值”。该规则用于在审查渲染后的 HTML、交互组件或设计系统模式时，检查是否存在无效或拼写错误的 ARIA role。浏览器和辅助技术会忽略无效的 ARIA role，导致预期的无障碍功能失效，并可能让用户产生困惑。规则要求只使用 W3C 规范中定义的标准 ARIA role，避免拼写错误或不存在的 role（例如应使用 checkbox 而非 check-box），确保 role 应用于合适的 HTML 元素，并尽可能优先使用原生 HTML 控件而非自定义 ARIA 组件。检查方式是搜索使用非标准或拼错 ARIA role 值的 role 属性；修复方式是用 WAI-ARIA 规范中正确的标准值替换无效 role，当原生 button、input、select 等语义元素可以替代自定义组件时，优先采用原生元素而非继续添加 ARIA。
该技能用于审计网页的 canonical URL（规范链接）设置，属于前端检查清单中的 SEO 规则。它帮助检查页面是否在 head 中声明了指向首选版本的 canonical 标签，以避免因 URL 参数、www 与非 www、分页等造成的重复内容稀释排名信号。技能提供检查、修复、解释和代码审查四种操作，并给出快速参考要点，如使用包含协议和域名的绝对 URL、推荐自引用 canonical。适用于元数据审计、可抓取性、结构化数据与可索引性相关的场景。
Command Palette 是一种键盘优先的快速命令执行界面模式，用于在单一入口中查找并运行命令、跳转目标与最近项目，适合编辑器和工作区命令、设置与偏好快捷方式，以及面向高级用户的对象或页面导航。
Context Window 是一个面向开发者的 AI 交互设计模式，用于在长时间 AI 会话中展示剩余上下文或工作记忆，并说明系统会保留、压缩或丢弃哪些内容。适用于文件密集型聊天、Copilot 及存在提示或响应截断风险的场景。
面向开发者的密码输入框 UX 模式，用于安全收集密码并提供反馈，包含可见性切换、强度提示与校验要求等设计要点。
选择输入（Selection Input）是一种表单控件，让用户从预定义列表中挑选单个选项，选中项通常显示在单行文本框中，选项列表在交互前隐藏。适用于选项较少、屏幕空间有限的场景。
Framer Motion 是面向 React 的生产级动效库。该技能提供声明式动画、手势识别与布局动画的专家知识，适合在 .tsx/.jsx 项目中实现 variants、拖拽悬停、layoutId 共享元素过渡及 AnimatePresence 进出场动画。
面向 Next.js、React 与 Vue 前端开发的技能，覆盖 App Router 架构、服务端与客户端组件、数据获取、路由处理器、表单校验、SEO 元数据、性能优化、中间件鉴权与 Vercel 部署等实践。
Velt Arrows 方向箭头标注功能的最佳实践指南，介绍在 React、Next.js 或 HTML 应用中实现箭头标注的规则，涵盖根组件与工具触发器的放置、allowedElementIds 限制、darkMode、自定义按钮与 CSS ::part 样式，以及 ArrowAnnotation 数据类型与已知限制。
Vite 是新一代前端构建工具，提供基于原生 ESM 与 HMR 的快速开发服务器，以及经过优化的生产构建。本技能基于 Vite 8 beta（由 Rolldown 驱动），Vite 8 使用 Rolldown 打包器和 Oxc 转换器。内容涵盖 Vite 构建工具配置、插件 API、SSR 以及 Vite 8 Rolldown 迁移，适用于 Vite 项目、vite.config.ts、Vite 插件，或使用 Vite 构建库与 SSR 应用的场景。偏好使用 TypeScript（优先 vite.config.ts），并始终使用 ESM、避免 CommonJS。
用于构建、扩展和调试 TinaCMS + Next.js App Router 站点的技能，涵盖 tina/config.ts 配置、MDX 内容建模、useTina 可视化编辑、GraphQL 查询、缓存重验证及 TinaCloud/自托管部署。
Inertia.js 是一个用于构建现代单体（monolith）应用的框架，让开发者无需构建 API 即可创建单页应用（SPA）。它用 JavaScript 页面组件替代传统的服务端视图层，控制器直接返回 React、Vue 或 Svelte 组件，从而把服务端框架（如 Laravel、Rails）的能力与前端框架结合起来。其 <Link> 组件会拦截点击并通过 XHR 发起访问，带来无整页刷新的 SPA 体验。资料提供了表单、链接与导航、验证、页面与布局、数据与 Props、认证、安装配置、进阶等主题的参考文档，以及表单提交、共享数据、状态与滚动保持、局部刷新等常见模式示例。客户端支持 Vue 3、React、Svelte，服务端官方支持 Laravel，并有 Rails、Phoenix、Symfony 的社区适配器。
lucide-laravel 是面向 Laravel Blade 模板的 Lucide 图标库集成方案，通过 mallardduck/blade-lucide-icons 包提供 1,666 个风格统一、覆盖 43 个分类的 SVG 图标。安装命令为 composer require mallardduck/blade-lucide-icons，图标以 x-lucide- 前缀加 kebab-case 命名的 Blade 组件形式调用，例如 x-lucide-activity、x-lucide-shopping-cart、x-lucide-circle-check。图标可使用 Tailwind CSS 类控制尺寸、颜色、响应式与悬停过渡，也可通过 style 属性做内联样式控制。资料还给出了导航菜单、表单输入框、提示条、操作按钮、Livewire 交互状态、动态图标、颜色语义、无障碍处理等常见用法，并附带各图标分类的参考文件与 troubleshooting 说明。
Nebula 抓取网页参考工具（nebula-scrape-url）是一个用于按 URL 捕获网页截图与 HTML 的技能，主要服务于设计参考与页面复刻。当用户提供网址并要求构建、复刻或实现某个设计时使用。它仅适用于普通网页 URL，不适用于 Figma 链接（应改用 Figma MCP）、GitHub 链接（应直接阅读代码）以及文档链接（按需阅读或搜索）。工作流程为：先运行抓取脚本 node scripts/scrape-page.js <url>，然后在 scraped/<timestamp>/ 目录中查看输出，包括桌面端截图 screenshot-desktop.png、平板端截图 screenshot-tablet.png、移动端截图 screenshot-mobile.png，以及包含完整结构的 page.html。截图用于理解视觉设计，如布局、间距、颜色与排版；HTML 用于理解内容结构与层级。随后可结合 nebula-component-creation 技能来构建组件，例如使用 Tailwind CSS 创建与设计匹配的组件。
Storefront Engine 是一个路由型技能，用于将店铺前台（storefront）相关请求分派给对应的 Lexsis 工作流。它本身不构建页面、不生成素材、不编辑页面，也不发布内容，只负责选择唯一负责的技能并传递其所需的上下文。它覆盖从需求简报、产品、广告、截图、URL 或混合输入创建新页面，纯文本的板块与转化规划，参考 URL 结构分析，页面素材准备，草稿生成，基于性能证据的优化，受控实验，购物车配置，草稿 QA 与上线发布，文档检索，以及为维护者提取可复用 island 布局等场景。
web-design-guidelines 是一个用于审计 UI 代码界面规范合规性并验证已部署页面性能的验证型技能。它合并了两部分能力：对 UI 代码进行静态界面规范审查（涵盖无障碍、焦点、表单、动画、排版、图片、性能、状态、触摸、主题、国际化、水合、文案等），以及对线上页面进行 Lighthouse 运行时验证（移动端与桌面端各项类别均需达到 95 分以上）。技能本身只负责审计和规划，不会直接修改应用代码：确认的问题会转化为 Draft SPEC，再通过 create-issues 生成 Epic 与 Issues，最后由 orchestrator 执行，实现走正常的 SPEC/PR 流程。它改编自 vercel-labs/web-design-guidelines 与 aliborhothamud/lighthouse-95-skill。
面向 Next.js 项目的 Stripe 支付集成辅助资料，覆盖结账流程、订阅、Webhook、客户门户与支付调试，并给出环境变量、SDK 初始化、数据库字段同步、测试卡号与 Stripe CLI 命令示例。
面向 React、Next.js、Vue、Angular 的前端架构专家技能，覆盖原子设计、状态管理、性能优化、设计系统、微前端、构建工具、SEO 与无障碍等主题，用于设计组件架构与前端技术选型。
面向 Next.js + Tailwind 项目的 Google Fonts 字体排版技能，提供字体搭配推荐、Next.js 字体配置与加载性能优化建议，适用于 SaaS、企业、编辑类等场景。
assistant-ui 是一个用于在 React 应用中添加、配置和集成 AI 聊天界面的技能，支持通过 shadcn 注册表安装聊天组件，并配合 AI SDK 等运行时搭建对话线程。
面向 Vue 3 与 TypeScript 的编码最佳实践技能，用于编写、审查或重构 Vue 组件时保证类型正确，并满足 Volar 与 vue-tsc 的类型检查要求。
福帮手出品的AI长文档手稿工具链，面向书籍、手册、白皮书、行业指南、长篇报道与深度专题等3万字以上稿件，提供S0–S6工作流、S/P/C/B四层质检、场景包、跨会话恢复与MD/HTML交付，支持联网查证（宿主允许时启用，离线自动降级）。
TDesign 小程序组件库（tdesign-miniprogram）是腾讯推出的企业级设计系统，面向微信小程序开发，提供 60 多个高质量 UI 组件，支持暗黑模式与主题定制。该技能适用于使用 TDesign 组件开发微信小程序的场景，涵盖按钮、输入框、对话框、标签页等基础组件，以及导航、数据展示、反馈等各类组件，并特别包含 9 个 AI 聊天相关组件，可用于构建聊天界面。安装方式为 npm i tdesign-miniprogram -S --production，需在 app.json 中移除 "style": "v2"，在 project.config.json 中配置 packNpmManually 与 packNpmRelationList，TypeScript 项目还需调整 tsconfig.json 路径，然后在微信开发者工具中构建 npm。组件通过页面或组件的 JSON 文件引入，在 WXML 中使用，支持样式定制（内联样式、禁用样式隔离、外部样式类、CSS 变量）以及暗黑模式适配。最低基础库版本要求 ^2.12.0。该技能由官方文档自动生成，参考文件保留了源文档结构与示例，部分内容为中文。