SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
11,293 个结果
modern-tailwind 是一个用于编写简洁、现代 Tailwind CSS 代码的技能，适用于编写或审查 Tailwind CSS 代码的场景。它强调使用更短的现代语法，例如在任意值中引用变量时用 bg-(--color) 代替 bg-[var(--color)]；在布局方面建议二维布局优先使用 grid，一维对齐优先使用 flex，并给出了 grid 与 flex 的示例写法。该技能来自 academind/codex-course-resources，官方未提供更多收费、平台或使用步骤信息。
该技能用于在 Acquia Source 的 Drupal 站点上，通过 Source MCP 创建和编辑导航菜单及菜单链接。它把原本在 Drupal 后台“结构 → 菜单”中手动完成的操作自动化，但菜单数据仍保存在 CMS 的菜单实体中，而不是硬编码在组件里。适用于目标为 Acquia Source Drupal 站点、且使用 Source MCP 服务器进行菜单编写的场景。技能提供创建菜单、更新菜单、创建菜单项、更新菜单项、删除菜单项等工具，并支持内部路径、外部链接、实体快捷方式和路由等链接格式，以及父子层级和权重排序。不适用于非 Source 站点、本地 Workbench 或未使用 Source MCP 的 Canvas 站点；若 Source MCP 不可用，仍应在 Drupal 后台创建菜单。
nebula-node-page-scaffold 是 Acquia Nebula 体系下的一个技能，用于为 Drupal 单个节点页面（单实体详情视图）搭建 Canvas UI 脚手架。它通过组件、component.yml 以及一个示例 pages/ 规格来交付，而不是为每个节点实例做自动化远程发布。该技能仅适用于单节点/详情页场景，例如文章、活动、产品等一次渲染一个节点的页面模板；不适用于列表、索引或集合视图（如博客首页、分类归档、最新十条、搜索结果等）。使用时会生成 src/components/<name>/ 下的 Canvas 组件（含 index.jsx 与 component.yml），并在规范 pages/ 目录中提供一个示例 Workbench 页面，演示组件如何组装（插槽顺序、典型 props、js.* 类型）。完成后通过 nebula-component-validation（npm run code:fix）做静态校验。除非用户明确要求远程集成，否则不应使用 Source MCP 创建节点、上传媒体或为每个详情节点创建/发布 Canvas 页面，也不应因 OAuth、VITE_CANVAS_SITE_URL 或推送发布流水线而阻塞脚手架完成。
Nebula 针对 Canvas Workbench 页面的仓库级规则插件：规定 pages/ 才是有效页面目录，examples/pages/ 仅作参考，页面创建或视觉修改后需用 nebula-component-validation 做本地静态校验。
Web Performance Tuner 是一个用于诊断和修复 Web 性能问题的技能。它通过可量化的验证流程帮助分析和优化站点性能，主要涉及 Core Web Vitals（核心网页指标）检查、CrUX 数据查询、加载时间优化以及性能问题修复。该技能采用严格的工作流：先分析问题，再建立基准（baseline），然后每次只做一个细粒度修改，修改后重新构建并重新运行基准测试进行对比验证，只有带来可测量改进的修改才会被提交，否则丢弃并继续处理下一个问题。它支持的数据来源包括 CrUX API（真实用户字段数据）、Lighthouse（本地或远程）以及 Chrome DevTools Performance 面板。该技能定义了 LCP、INP、CLS 三项指标的好、待改进、差三档阈值，并要求基准测试运行 3 至 5 次取中位数以减少波动影响，同时记录测试方法。修复优先级依次为：阻塞渲染的资源、过大或未优化的图片、过多 JavaScript、布局偏移、服务器响应慢（TTFB）。
Agentic Mermaid 实时编辑器的开发与调试技能，主要面向维护该浏览器编辑器的开发者。它要求通过编辑模块化源码来开发，并维护独立编辑器与已部署网站共享的契约。资料明确了源码地图（editor/js、editor/css、editor/html、editor/examples.ts、scripts/site/editor.ts、website/build.ts、scripts/site/editor-state-url.ts、src/browser.ts），并给出构建与测试命令（bun run editor、bun run website、bun run website:check、bun run typecheck）。同时规定了状态契约、渲染与验证边界、URL 分享契约、配置控件、示例、导出行为、回归门禁与常见陷阱。适用场景为编辑器本身的开发、调试、构建与测试。限制包括：不得直接编辑生成的 editor.html 或 website/public/ 文件，安全相关选项由宿主控制，分享与导出必须基于已验证的当前产物。
这是 Agenta 移动端（web/mobile）代码组织方式的技能文档，规定了基于功能文件夹的目录布局、states/ 状态约定与数据流规则。在 web/mobile 下创建或移动文件前应先加载它，以确定页面、功能、组件与样式的放置位置。
介绍 Agenta 移动端（web/mobile）使用 shadcn/ui 的团队约定：如何安装注册表组件、通过调色板 token 桥接做主题、以及如何基于共享包构建聊天界面。
面向已剪好口播视频的画面包装技能：在录屏上叠加 HTML 层，实现圈重点标注、整屏小黑动画和推近，层按字幕屏绑定并由播放器逐帧驱动，可在预览中直接查看。适用于做分镜、配画面、加动画、B-roll 和 storyboard；不用于删词剪辑、字幕、物理剪切或成片渲染。
用于创建 Angular 20 独立组件的技能，遵循现代模式：使用 Signals 管理状态、input()/output() 函数替代装饰器、@if/@for/@switch 控制流、inject() 依赖注入与 OnPush 变更检测。
一套面向 Expo Router 的 UI 构建指南，涵盖路由结构、样式、组件、导航、动画、原生标签页与 iOS 控件等主题，并提供多条参考文档指引。
frontend-responsive 是一个面向 Claude Code 的技能，用于在编写前端代码时遵循响应式设计规范。它指导实现移动优先布局、断点、相对单位与触屏友好界面，适用于 React 组件、Tailwind CSS 响应式类及跨设备适配场景。
image-to-code 是面向 Codex 的网站图像转代码技能，强调先自行生成设计图片、再深入分析、最后实现前端。适用于 hero、落地页、营销站、产品页等多分区网站的视觉优先任务；资料未提供收费与价格信息。
面向 React Web 应用的性能优化技能，涵盖减少不必要重渲染、列表虚拟化、组件记忆化与性能调试等实践。
这是面向 HyperFrames 作品的 Tailwind CSS v4.2 浏览器运行时使用技能，适用于用 `hyperframes init --tailwind` 创建或编辑的项目。该技能明确将运行时固定为 @tailwindcss/browser@4.2.4，按 Tailwind v4 而非 v3 处理，并强调该技能仅针对 CLI 生成的 composition HTML，不适用于内部仍使用 Tailwind v3（tailwind.config.js、PostCSS、@tailwind 指令）的 packages/studio。技能涵盖何时使用、版本契约、v4 的 CSS-first 规则（@theme、@utility）、避免 v3 的 @tailwind 指令、HyperFrames 组合模式、动态类安全、视频渲染防护以及验证与调试清单。
Tailwind CSS 技能：提供移动优先响应式设计、自定义主题与工具类优先的样式指导，覆盖无障碍、深色模式与性能优化，适用于使用 Tailwind CSS 设计 UI 组件与布局。
用于UX验证的单文件交互式HTML原型技能，根据UX规格生成包含完整用户流程、屏幕状态与交互逻辑的单个HTML文件，重UX保真度而非视觉精修。
面向原生 React 与 Apollo Client 的工程规范技能，提供组件、Hooks、状态管理与文件组织等实践约定，以控制文件规模、分离业务逻辑与服务器状态，减少重复状态与复杂结构，适合按规则落地。
针对 React 复合组件（Compound Component）模式的专家指南技能，用于设计和实现可复用 UI 组件。介绍父组件加子组件通过共享内部状态协作、消费者以声明式结构控制布局的做法，对比「上帝组件」配置式 API 的问题，并说明 Context API 与 React.Children + cloneElement 两种实现方式及限制。
OPC-Starter 的智能开发技能，面向 AI 亲和 React Boilerplate，支持动态上下文感知、TDD 驱动开发与 Agent Studio 扩展，用于认证、组织架构、Agent 工具、数据同步等模块迭代。
阿里云 DDoS 高防（ddoscoo）源站 IP 暴露风险检测技能，判断已接入高防的网站其源站 IP 是否仍暴露在公网、可被绕过高防直接攻击，输出二元结论与受影响域名/源站 IP。
用于构建或修复阿拉伯语优先的移动端界面，覆盖 iOS 原生、Android 原生与 React Native，重点解决 RTL 布局、文本块宽度、行组合、图标方向与视觉校验问题。
alova v3 浏览器客户端使用技能，面向 Vue3、React、Svelte，整理安装方式、核心概念、useRequest 等 Hooks、缓存策略、业务策略 Hook 与常见问题，供客户端请求开发参考。
feishu-doc-fetch 是一个 Claude Code 技能，把飞书/Lark 文档链接抓取并导出到本地目录（Markdown/PDF/HTML 加图片附件）。它通过本地 daemon 桥接到已登录的 feishu2md 浏览器扩展完成导出。