SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
21,535 个结果
Unlayer Image Editor 是 Unlayer 提供的独立图片编辑器，可通过 JavaScript 嵌入脚本或官方 @unlayer/react-image-editor 组件进行集成和配置。它接收图片 URL 或 base64 data URL，挂载到容器中，并提供 onSave、onLoadError 等回调以处理保存与加载错误。该独立编辑器及其所有手动编辑工具免费，可选的 AI Assistant 为付费功能。使用时需注意：JavaScript 加载器使用 https://cdn.unlayer.com/image-editor/embed.js；React 项目使用 @unlayer/react-image-editor（不要用 react-email-editor 替代）；调用实例方法前需等待 createEditor() 返回的 Promise；远程图片 URL 需要 CORS 访问权限；预览用 dataUrl，上传用 blob。
一组面向模块、接口与信息摆放的软件设计判断准则。核心目标是降低开发者需要掌握的信息量，让必要信息就近、易找。
ux-wireframe-planning 是一个用于从实现计划和技术需求中检测 React/Web 应用界面改动的技能。当发现 UI 相关工作时，它会生成结构化的线框规范以及可视化线框；若项目没有前端改动，则在生成一份标记 has_ui_changes: false 的最小规范后自动跳过。该技能依赖 implementation/milestones.yaml、implementation/tasks/milestone-m*.tasks.yaml、requirements/technical-requirements.yaml 和 requirements/business-requirements.yaml 等文件，通过 /ux-wireframe-planning [base-directory] 命令调用，未提供基础目录时会自动查找 implementation/milestones.yaml。其流程包括检测、决策、线框规范生成、线框文件创建、逐页线框生成、更新规范、校验和一致性检查，最终输出 ux/wireframe-spec.yaml、ux/wireframes.pen 以及各页面的 PNG 预览。
Theme Factory 是一款专业样式工具包，内置 10 套预置主题，用于为幻灯片、文档、报告和 HTML 页面应用统一的颜色与字体，适合在制作演示、文档或网页时快速获得协调一致的视觉风格。每套主题包含主色、次色、强调色、高亮色与文字色，并搭配互补的标题与正文字体组合，例如 Ocean Depths、Sunset Boulevard、Forest Canopy、Modern Minimalist、Golden Hour、Arctic Frost、Desert Rose、Tech Innovation、Botanical Garden、Midnight Galaxy。工具提供展示主题、请求选择、确认选择、应用主题的工作流程，并给出 HTML/CSS、PowerPoint（python-pptx）、Excel（openpyxl）的具体集成示例，同时支持根据用途、氛围、品牌色与行业背景生成自定义主题。
varg-video-generation 是一个基于 varg SDK 的 React 引擎生成 AI 视频的技能规则。它提供声明式 JSX 语法来编排视频，支持自动缓存（相同 props 命中缓存）、尽可能并行生成，并支持图像、视频、音乐、语音和字幕等素材。使用前需配置 API 密钥，其中 FAL_KEY 为必需项（用于 Flux 图像生成、Wan 2.5 与 Kling 视频生成），音乐与语音需 ELEVENLABS_API_KEY，口型同步需 REPLICATE_API_TOKEN，转录需 GROQ_API_KEY。通过 bunx vargai render video.tsx 命令渲染视频，适用于制作视频、动画、会说话的角色、幻灯片或社交媒体内容。
该技能用于管理应用的设计系统，以 instructions/design-system.md 作为所有 UX/UI 工作的唯一事实来源。它提供三种工作模式：CREATE（从 URL、代码、截图或从零生成新的设计系统文件）、MODIFY（更新颜色、字体、间距、新增组件模式、审计并协调代码与设计系统的偏差、迁移组件框架）以及 WORK WITHIN（在已有设计系统下构建功能、审查合规性、回答设计决策问题）。生成的 design-system.md 包含参考、颜色、版式、间距、组件和模式等结构化内容。此外技能还提供 SaaS 常见组件选择指南、视觉层级检查清单、优先级排序和逐屏指导，帮助在缺乏明确设计规范时做出一致、可维护的界面决策。
Design Review 是一个面向视觉设计的质量审查技能，用于评估并系统化改进现有 UI，而不是生成新设计。它适用于页面设计审计、判断界面是否达到可发布标准、与参考应用对比，以及将 AI 生成的界面提升到生产质量。技能以优先级框架组织问题：P0 视觉层级、P1 间距与对齐、P2 颜色使用、P3 排版、P4 组件一致性、P5 状态与边界情况、P6 响应式、P7 动效与打磨。审查流程包括五秒第一印象、系统化页面走查、问题优先级归类，以及按优先级顺序逐项修复。该技能强调一次只处理一个优先级类别，每类修复后重新评估，避免把问题改得更糟。它还提供跨页面一致性检查清单，以及按 MVP、上线前、增长期三个阶段划分的停止标准。相关资料未提供具体安装命令、价格或平台信息。
design-system-pro 是一个面向 2026 年的资深设计系统架构与 Token 工程技能，专注于分层设计 Token、Tailwind 4 CSS-first 主题以及基于 Radix 的无头 UI 编排。它强调多品牌、多主题系统的高架构完整性、文档即代码（DaC）与 AI 驱动的漂移检测，并给出 Token 拓扑审计、主题映射、技能顺序激活与验证等协议。
mermaid-diagram-pro 是一个面向 Mermaid.js 编排、Diagram-as-Code（DaC）工作流与自动化系统行为建模的技能，定位为可视化架构与文档工程。它强调图表应纳入版本控制，使用 Markdown 中的原始 Mermaid 语法而非静态图片，并支持生成高保真的时序图、ERD、Gitgraph 与状态图，用于可视化复杂逻辑、数据流与项目时间线。该技能提供了一套协议：先判断信息适合哪种图表类型，再从代码库提取技术细节，按顺序激活相关技能，最后渲染并校验逻辑一致性与视觉清晰度。它还包含强制规范，如时序图使用 autonumber、activate/deactivate 与 Note，ERD 使用 Crow's Foot 表示法并标注数据类型与 PK/FK，Gitgraph 用于复杂分支或 rebase 场景。技能附带脚本 verify-mermaid.sh 用于语法检查与断链检测，schema-to-erd.ts 可从 Prisma schema 生成 ERD。资料未提供收费、价格、平台支持范围等具体信息。
21st AI 是一个终端内的 UI 快速草图与迭代工具，通过 `21st` CLI（`@21st-dev/cli`）或配套 MCP 工具运行。它把 UI 设计拆成四步循环：用提示词生成若干方案（sketch）、在浏览器中预览各方案、用自然语言就地修改选定的方案、最后把代码或“复制提示词”拉进项目。草图输出为自包含的 HTML + Tailwind 草稿，无需构建；官方推荐的交接方式是 copy-prompt，即以规格说明的形式在目标项目的真实技术栈中重建设计，而不是直接粘贴原始 HTML。生成需要账户已启用 AI 且有余量，迭代按真实 token 成本计费，列出方案与获取代码免费。
Slack GIF Creator 是一套用于制作适配 Slack 平台的动态 GIF 的工具包，提供尺寸与体积校验器、可组合的动画原语以及可选的辅助工具。它针对 Slack 的两类使用场景给出具体约束参考：消息 GIF 最大约 2MB、推荐尺寸 480x480、常见帧率 15-20 FPS、颜色限制 128-256、时长 2-5 秒；表情 GIF 体积上限严格为 64KB、推荐尺寸 128x128、常见帧率 10-12 FPS、颜色限制 32-48、时长 1-2 秒。工具包分为三类：校验器（检查 GIF 是否符合 Slack 要求）、动画原语（抖动、弹跳、移动、万花筒等可组合动效积木）、辅助工具（文本、配色、特效等通用函数）。整体设计理念是提供积木而非固定配方，在 Slack 技术约束内保留创作自由。
UI Orchestrator 是一个 UI/UX 技能调度器，用于在进行 UI/UX 设计、界面开发或设计系统工作时，根据项目需求路由到适用的专门外部 Skill。它通过检测平台类型、项目性质和任务类型，将工作分派给 baseline-ui、ui-ux-pro-max、frontend-design 或 swiftui-expert-skill，并在调用前检查目标 Skill 是否已安装，未安装时给出对应安装命令。
该技能用于批量生成、评估并规格化多个固定屏幕街机游戏概念，风格参照 1978–1985 年的街机柜（默认硬件档案为 1980–1983）。它会先产出五个符合硬性约束的原创小游戏概念，再用评分表打分，选出最强的两个并写出实现规格。每个概念必须使用单一固定屏幕、移动加一个按钮、最多三种敌人或障碍类型，且规则各自能在一两句话内说清；难度只通过数值升级，30 秒内呈现明确威胁，使用生命数而非立即游戏结束，并支持无尽波次或回合。该技能还要求避免随机瞬死、避免挂机或狂按按钮成为主导策略，并提供有趣的无输入吸引动画和一句话音频标识。
Design Checklist 是一个交互式的发布前设计质量检查清单技能，适用于用户需要设计检查清单、上线检查清单或发布前设计审查的场景。它围绕视觉一致性、状态覆盖、响应式、无障碍、暗色模式（如适用）、性能与细节打磨等维度组织检查项，例如色彩系统是否通过 CSS 变量或 token 定义、字体层级是否清晰、间距与圆角阴影是否统一、按钮与输入框是否覆盖悬停/聚焦/禁用/加载等状态、是否提供空状态与骨架屏、是否在移动端/平板/桌面断点下无横向滚动、是否满足 WCAG AA 对比度、是否支持键盘导航与 prefers-reduced-motion、图片是否懒加载、是否具备 favicon 与社交分享 meta 等。代理会针对每一项未勾选的条目提供具体的修复指引。该技能的具体安装方式、命令及价格等信息暂未提供。
design-compare 是 aboudjem/ui-ux-suite 技能套件中的一个设计对比技能，用于将当前项目的设计同参考产品或竞品进行对照。用户可通过 /design-compare 命令指定参考对象，例如某个产品的网址（如 linear.app）或某种风格原型（如 "clean SaaS"）。其流程为：先对当前项目设计做快速扫描审计，再分析参考对象（来自 URL、描述或已知产品），随后在全部 12 个维度上逐项比较，最终输出差距分析及具体改进建议。输出形式为并排对比，包含各维度的差距评分和针对性的追赶建议。该技能适用于需要以竞品或风格标杆为参照评估自身设计、寻找改进方向的场景。关于 12 个维度的具体名称、评分标准、支持的参考来源范围及使用限制，资料中暂未提供。
refactor-plan 是 aboudjem/ui-ux-suite 中的一项技能，用于生成按优先级排序的设计重构行动计划，覆盖快速见效、中等投入和重大返工三类任务，输出含具体任务、工作量估算与预期影响。
style-direction 是 aboudjem/ui-ux-suite 中的一项视觉风格方向推荐技能。它通过分析项目当前的视觉风格，识别产品类型与可能的目标受众，并将现状与 10 种可行的风格方向进行对比，最终给出排名前三的推荐方向及理由。每种推荐都会附带特征说明、实施清单、风险因素和参考产品。该技能适用于用户询问风格方向、需要视觉风格建议或希望为项目确定设计基调的场景。10 种风格方向包括：Neo-Minimal（极简留白、单一强调色）、Soft Material（柔和阴影、圆角、层次感）、Editorial（强排版、大留白、网格化）、Glass/Depth（半透明层、模糊、深度线索）、Dark Luxury（深色表面、高级强调色、大胆）、Warm Organic（暖中性色、圆角、手绘感）、Dense Functional（高密度、紧凑、实用导向）、Bold Expressive（强色彩、大字号、动效）、Calm Tech（柔和色彩、轻柔动效、正念感）、System Native（遵循操作系统惯例、熟悉、低摩擦）。输出内容包括当前风格评估，以及前三推荐方向的适配原因、关键特征、风险因素、持久性估计、参考产品和实施清单。
VisionCamera v4+ 是 React Native 的高性能相机技能，涵盖拍照录像、二维码/条码扫描、实时帧处理、变焦对焦曝光、HDR 与地理位置元数据、设备与格式选择。
Tamagui 通用 UI 技能：用 styled()、$-前缀 token、主题嵌套、优化编译器、响应式媒体查询、动画与 Sheet/Dialog 组件，在 React Native 与 Web 间共享组件。
Spec Kit Plan 是 Spec Kit 工作流中的规划技能，用于把已批准的 spec.md 转换成技术设计产物，包括 plan.md、research.md、data-model.md、contracts/ 和 quickstart.md，供后续任务生成使用。
Pollinations.ai 图像生成技能：通过免费、开源的 URL 接口生成并保存图片，无需注册或 API Key。支持自定义宽高、模型（flux、turbo、stable-diffusion）、seed 复现与提示词增强，适合快速原型、营销素材与自动化工作流。
一个用于为已完成歌曲制作“代码渲染”歌词音乐视频的技能：每个演唱单词按自身起始时间出现在密集动态图形中，画面由代码运动与生成静止图组成，不依赖视频生成模型，浏览器预览与离线导出结果一致。
video-understand 是一套用于完整理解本地或 URL 视频的技能，通过索引每个镜头、抽取分镜帧和生成带时间戳的转录，让模型像人一样看画面、听台词、注意声音与静默，并按时间对齐作答。
面向 SOC 2、HIPAA、GDPR 与 PCI-DSS 合规系统的企业级合规架构技能，用于设计合规系统、准备审计与收集证据，覆盖加密、访问控制、日志留存、数据驻留与删除、令牌化等要求。