SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 10-14 00:01

设计与创作

8,392 个结果

frontend-design

为构建新界面或重塑现有界面提供视觉设计指导的技能，重点在于形成独特、有意为之的设计方向。它强调以真实主题内容为基础，做出关于配色、字体和布局的明确取舍，并避免常见模板化套路。技能以“设计工作室设计主管”的视角工作：先根据客户简报制定包含颜色、字体、布局和原则的紧凑设计计划，再对照简报检查是否流于通用，确认独特性后才编写代码。

设计与创作981,933 次安装

hyperframes-cli

HyperFrames CLI 是用于视频合成的命令行开发工具，围绕 init、add、catalog、capture、lint、check、snapshot、compare、grade-compare、preview、play、present、beats、keyframes 等命令构成开发闭环。它要求 Node.js 22 或更高版本以及 FFmpeg，通常以 npx hyperframes ... 形式运行（除非项目提供了包装脚本，此时应遵循包装脚本）。工具支持从空白模板或站点截图初始化项目，通过本地目录检索已有的动效基元并安装，手写合成结构，使用 lint 做快速反馈、check 作为最终校验闸门，再用 preview 打开 Studio 预览，最后按 draft、looks、delivery 三档质量渲染，并可选择交给桌面应用继续编辑。它还提供时间线 JSON 查询、项目历史回滚、子合成快照冒烟测试、变量批量渲染，以及 Docker、HeyGen 云、AWS Lambda、GCP Cloud Run 等渲染路径。在代理场景下可使用 --json 输出，并可通过反馈命令上报目录缺失的动效需求。收费方式、价格与托管服务的具体政策暂未提供。

设计与创作980,104 次安装

hyperframes

HyperFrames 是一个从 HTML 渲染视频的创作技能与工具链。一个 composition 就是一个 HTML 文件，其 DOM 通过 data-* 属性声明时间，动画运行时支持 seek，媒体播放由框架统一管理。该技能被定位为强制入口点：凡涉及制作、创建、编辑、动画化或渲染视频、动画、动态图形的请求，都应先读取它。它通过 intent 访谈、路由表、工作流技能和领域技能（如 hyperframes-core、hyperframes-animation、hyperframes-keyframes、hyperframes-creative、media-use、hyperframes-audio、hyperframes-cli、hyperframes-registry、figma 等）组织完整流程，涵盖演示文稿、字幕、口播重剪、音乐节拍视频、动态图形、PR 视频、产品发布视频、无脸解说与通用视频等场景。它还包含 CLI 使用检查、项目版本固定探测、Studio 预览与 HyperFrames 桌面应用 Framey 的衔接等操作规范。

设计与创作938,306 次安装

media-use

media-use 是面向 HyperFrames 项目的媒体操作系统技能（Agent Media OS）。它把背景音乐、音效、图片、图标、品牌 Logo、配音、调色与 LUT 等多种媒体需求，统一解析为冻结的本地文件或可直接粘贴的区块。核心动词是 resolve：执行 npx hyperframes media-use resolve --type <type> --intent "<描述>" --project <目录> 后返回一行结果，形如 resolved <id> → <路径>（<类型>、<元数据>），搜索过程的噪音留在磁盘上。支持的媒体类型包括 bgm、sfx、image、icon、logo、voice、grade、lut。若环境中设置了 HEYGEN_API_BASE，HeyGen 媒体已由宿主应用付费，无需让用户安装或登录 heygen CLI，也不提供 OAuth 免费额度，目录搜索、TTS 与数字人调用通过宿主完成；若宿主自带 HeyGen 工具应优先使用。没有该环境变量且要使用 HeyGen 媒体时，需先安装并登录 heygen CLI（免费使用路径），再用 --doctor 校验。它还提供媒体机会扫描，在检测到具体信号（如无配音的脚本、占位图、无音乐的长片段等）时一次性提出建议，不静默修改。具体安装、认证、提供商支持、价格与更多限制细节暂未提供。

设计与创作861,480 次安装

hyperframes-animation

HyperFrames 动画技能，汇集了 HyperFrames 全部运动相关知识：原子运动规则、多阶段场景蓝图、场景转场、更广泛的动效设计技法以及各运行时适配器。默认做法是从 rules-index.md 中挑选 2-4 条原子规则，用一条暂停的 GSAP 时间线拼接起来，比从蓝图起步更快、代码更少。只有当场景匹配已有预设计的多阶段模板，或需要复杂 4-5 阶段编排的可运行参考代码时，才加载蓝图。技能支持多种运行时：GSAP（95% 动效工作的默认选择）、Lottie、Three.js、Anime.js、CSS 关键帧、WAAPI、TypeGPU/WebGPU，并可在同一合成中并存。使用时需配合 hyperframes-core 的合成契约（单一暂停时间线、data-duration 控制时长、禁止随机与时间函数等）。技能提供 animation-map.mjs 脚本用于分析已有合成的动画映射，输出 animation-map.json 以审计编排。

设计与创作829,482 次安装

design-mobile-apps

该技能用于在 Sleek（sleek.design）平台上设计移动应用界面，并对 Sleek 项目进行编辑，最终把设计实现为 React Native 或 HTML。Sleek 提供 REST API（基地址 https://sleek.design，路径 /api/v1/*），可用 API Key 认证来创建项目、依据需求描述设计屏幕、获取 HTML 与渲染图。单次运行可同时包含设计阶段与实现阶段。认证方面，若 SLEEK_API_KEY 未设置，可使用设备流程（device flow）让用户无需直接接触原始密钥即可授权；免费账户可用一次性试用额度体验，持续使用需要 Pro 或更高方案，具体价格与额度需从官方 https://sleek.design/agents.md 获取。API 覆盖项目、组件、参考、聊天消息与运行、截图、分享卡片等端点，并有明确的错误码约定。

设计与创作783,701 次安装

hyperframes-creative

HyperFrames 的非动画创意指导技能，用于处理视频的品牌、节奏、风格、旁白与构图方向。它在 hyperframes-core 确定技术契约之后使用，负责设计规格（frame.md / design.md）的解读与采用、调色板、排版、旁白、节拍规划等创意决策。该技能刻意不涉及动画：动效模式、场景蓝图、转场和 CSS 标记效果由 hyperframes-animation 承担。对于任何非琐碎的构图，需优先阅读 references/house-style.md 与 references/video-composition.md，以避免产出通用的网页式画面。若项目存在设计规格，应优先读取并以前置元数据 token 作为品牌依据；无设计规格时可通过预设、命名风格、默认规范或交互选择来确定视觉方向。

设计与创作761,071 次安装

web-design-guidelines

web-design-guidelines 是 vercel-labs/agent-skills 中的一项技能，用于审查 UI 代码是否符合 Web Interface Guidelines。当用户提出“review my UI”“check accessibility”“audit design”“review UX”“check my site”等需求时适用。其工作方式是：先从指定源 URL 获取最新的 Web Interface Guidelines 规则，再读取用户指定的文件或文件模式，将所有规则应用于代码检查，最后以简洁的 file:line 格式输出发现的问题。若用户未提供文件或模式参数，则会先询问需要审查哪些文件。该技能依赖 WebFetch 获取最新规则，确保每次审查都基于最新的指南内容，而非内置的固定规则。适合需要快速检查界面合规性、可访问性与用户体验问题的开发或设计场景。

设计与创作730,245 次安装

hyperframes-keyframes

HyperFrames Keyframes 是 HyperFrames 体系中的关键帧技能模块，用于在合成中实现推近（punch-in）、推远（punch-out）、缩放、重新构图（reframe）、Ken Burns 镜头运动、摄像机移动，以及视觉匹配剪辑/甩镜头交接等视觉运动效果，并保证可寻址（seek-safe）的运行时行为。其核心是把关键帧视为一份“姿态契约”：可见状态、连续的主体身份、可寻址运行时与像素级验证。该技能只负责视觉运动，不负责片段装配——素材范围硬切、修剪、拼接与重排由 /hyperframes-core 负责，音频淡入淡出与交叉淡化由 /hyperframes-audio 负责。它提供 GSAP、CSS、Anime.js、WAAPI 等运行时的确定性编写规则，支持通过 hyperframes check、hyperframes keyframes、--shot、--layout strip、--ghost、snapshot --at 等 CLI 命令进行验证，并强调以渲染像素而非日志作为最终判据。

设计与创作645,664 次安装

general-video

HyperFrames 生态中用于创作或编辑自定义视频合成的通用技能，适用于没有专门工作流匹配的场景，或 BRIEF.md 中设置 flow: companion 时使用。它面向较长或多场景的视频作品，围绕项目状态、依赖解析、场景构建、组装、校验与最终批准等阶段组织工作。该技能提供独立安装与插件内运行的更新与使用规范，通过与 /media-use、/figma、/hyperframes-core、/hyperframes-creative、/hyperframes-animation 等技能协作，处理媒体素材、设计规范、动画、转场、字幕与音频等环节。使用前需运行更新命令确认技能为最新版本，并在开始时检查使用额度。分类归属与具体收费、平台支持等细节资料中未完整提供。

设计与创作548,931 次安装

high-end-visual-design

high-end-visual-design 是一个面向 AI 的设计技能，来源于 leonxlnx/taste-skill。它让 AI 以高端设计机构的水准来生成界面，明确规定了字体、间距、阴影、卡片结构和动画等视觉要素，使网站呈现出“昂贵”的质感。该技能以“Principal UI/UX Architect & Motion Choreographer（Awwwards 级别）”为定位，核心目标是产出 15 万美元以上机构级数字体验，而非普通网站。它要求输出具备触觉深度、电影级空间节奏、细致的微交互与流畅动效。技能内含“变化指令”，要求每次生成的布局与美学都不重复，同时严格遵循“Apple 风格 / Linear 级”的设计语言。技能还包含“绝对零度”反模式清单，禁止使用 Inter、Roboto、Arial 等常见字体，禁止标准粗描边图标、通用 1px 灰边框和生硬投影，禁止贴顶对称三栏布局与线性过渡。技能通过“创意变化引擎”从氛围纹理与布局原型中组合选择，并规定移动端折叠规则。组件层面强调“双圈层”嵌套结构、嵌套 CTA 按钮、宏留白与空间张力。动效方面要求模拟真实质量与弹簧物理、自定义 cubic-bezier 曲线、流体岛式导航、磁吸按钮与滚动入场动画。技能还包含性能护栏与执行协议、输出前检查清单。

设计与创作435,277 次安装

redesign-existing-projects

这是一个名为 redesign-existing-projects 的技能（Skill），用于将现有网站和应用升级到更高品质的设计水准。它的核心流程是：先扫描代码库，识别项目使用的框架与样式方案（如 Tailwind、原生 CSS、styled-components 等）；再执行设计审计，找出通用的 AI 生成式设计痕迹、薄弱环节与缺失状态；最后在不重写、不迁移框架的前提下，对现有技术栈进行针对性改进。该技能提供了一套详尽的设计审计清单，覆盖排版、颜色与表面、布局、交互与状态、内容文案、组件模式、图标与代码质量等方面，并整理了常见的战略性遗漏项（如法律链接、返回导航、404 页面、表单验证等），以及排版、布局、动效、表面质感四类高阶升级技巧。它还给出了修复优先级顺序，强调保留现有技术栈、不破坏已有功能、改动可审查且聚焦。

设计与创作433,960 次安装

ai-image-generation

ai-image-generation 是一个通过 inference.sh CLI（belt）调用 50+ 种 AI 图像模型生成与编辑图片的技能。模型涵盖 GPT-Image-2、FLUX Dev LoRA、FLUX.2 Klein LoRA、Pruna P-Image 系列、Gemini 3 Pro、Gemini 2.5 Flash、Grok Imagine、Seedream 4.5/4.0/3.0、Reve、ImagineArt 1.5 Pro、FLUX Klein 4B、Topaz Upscaler 等。可用于文生图、图像编辑、局部重绘、文字渲染、超分辨率放大、多图拼接等任务。使用前需安装 belt CLI 并登录，通过 belt app run 加模型 App ID 与 JSON 输入调用。

设计与创作432,297 次安装