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

Skill 广场

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

更新于 10-27 00:15

设计与创作

20,928 个结果

github-social

GitHub Social 是一个用于为 GitHub 仓库生成 1280x640 社交预览（Open Graph）图片的技能。它从仓库名称、所有者、README 标语、Logo、品牌色、主要语言和受众等信息中提取素材，按内置提示词模板调用图像生成工具产出 PNG，并将图片以相对 Markdown 链接放在 README.md 最顶部。图片需满足固定画布尺寸、安全区、文字可读性等规范，最终保存到 assets/github-social-preview.png。

设计与创作49 次安装

figma-canvas-editor

Figma Canvas Editor 是一个用于直接修改 Figma 画布对象的技能，通过 MCP 在明确限定范围内创建和编辑原生 Figma 对象。当用户要求添加或更改画框、分区、组件、对象、布局，或修改选中节点、样式、变量、文本、组件实例，以及删除效果、节点、变体等时使用。它支持 create、update、delete、figjam、slides 五种模式，强调先确认目标文件/页面/画框/节点与精确变更范围，编辑前读取元数据、编辑后回读并截图留证，报告变更目标、证据、跳过项与回滚路径。该技能不负责只读理解（属于 figma-context-reader）和令牌/库治理（属于 figma-design-system-sync），并禁止在无明确批准下进行大范围破坏性更改。

设计与创作49 次安装

image-layer-alignment-validator

Image Layer Alignment Validator 是一个用于校验两张栅格图像图层是否适合做揭示、前后对比、变形、蒙版合成或交互式光标揭示效果的技能。它判断的不是图像本身的好坏，而是基础层与揭示层在空间上是否兼容，即是否属于同一场景或同一主体。技能提供 compare、diagnose、advise、threshold 四种模式，可分析本地图像文件、诊断已有报告或截图、把测得的偏移转化为具体修正建议，并针对严格的产品/人像工作或宽松的创意揭示效果调整验收阈值。默认在本地处理图像，不上传私密图片，不覆盖源文件，输出报告与派生图像到独立目录。

设计与创作49 次安装

visual-content-director

Visual Content Director 是一个面向 UI/UX 项目的视觉内容规划与治理技能，负责定义图片、视频、生成式视觉素材、首屏媒体、素材来源、视觉证据以及内容与媒体的匹配关系。它不负责最终 UX 策略或 SEO 结构，而是专注于让界面可信、可检查并符合品牌调性。该技能提供多种操作模式：asset-plan 定义所需图片、视频、图标、地图、图表和证据；hero-media 规定首屏媒体与构图规则；generation-brief 为生成式视觉创建提示词且不编造事实性声明；asset-qa 检查素材是否相关、可读、对齐且可安全使用；handoff 将素材打包交付给 Stitch、Pencil、Figma 或实现方。工作流程要求先阅读视觉内容契约，确认项目类型、目标受众、用户承诺和品牌约束，识别真实产品/地点/人物/物体证据与生成或示意性支持素材，使用模板进行规划，区分真实证据与生成的情绪或占位素材，并向相关方交付精确的媒体需求。安全规则明确禁止伪造真实地点、人物、推荐、房产事实、奖项、认证或法律声明，禁止未经批准对外使用私人图片，要求将生成视觉标注为生成/计划，对揭示、前后对比或分层媒体进行对齐检查，并确保公共网站的重要事实以文本形式保留而非仅嵌入图片。

设计与创作49 次安装

videodb-skills

VideoDB Skills 是一个面向 AI 智能体的视频处理技能，基于 VideoDB Python SDK，让智能体能够上传、流式播放、搜索、编辑、转录并生成 AI 视频与音频。它支持从 YouTube、URL 或本地文件导入视频，按语音或画面场景检索片段，生成带时间戳的转录文本，自动生成并设置字幕样式，进行多片段剪辑与文字/图片/音频叠加，还能通过文本生成图像、视频、音乐、音效和配音。此外支持实时屏幕与音频捕获并配合 AI 转录，可转码、调整分辨率与宽高比、为社交平台重新构图，并输出可播放的 HLS 流链接。安装方式为 npx skills add video-db/skills，随后运行 /videodb setup 完成 API 密钥配置（提供 20 美元免费额度，无需信用卡），也可手动设置 VIDEO_DB_API_KEY 环境变量，并安装 pip install "videodb[capture]" python-dotenv。该技能由 VideoDB 维护，版本 1.1.0。

设计与创作49 次安装

web3d-assets

web3d-assets 是一个面向 Web 3D 实时场景的资源管线技能，用于把 3D 模型、贴图与角色从来源端处理到加载器可读取的成品文件，并控制在项目预先声明的预算内。它覆盖资源获取（搜索项目自有资源、CC0 免费库、购买或生成）、双击校验（初筛与交付前严格检查）、几何与贴图压缩、glTF 校验以及来源与许可证记录。核心原则包括：先搜索再制作、以目标配置文件而非来源决定标准、不覆盖原始文件、每个交付文件配一份 manifest 记录来源与费用、使用前先确认权利、花费设上限与幂等键。若存在 Asset Foundry 服务，则通过它下单并仍执行本技能的严格校验；若不存在则手动执行同一套管线。适用于 three.js GLTFLoader（r186）与 drei useGLTF 等加载器，并提示了两者扩展支持差异、KTX2 与 Draco 解码路径、颜色空间、每顶点骨骼影响数等常见坑点。

设计与创作49 次安装

Nano Banana Image Generation

Nano Banana Image Generation 是一个通过 nano-banana 命令行工具调用 Google Gemini 图像模型来生成和编辑图片的技能。当用户需要用 AI 创建、生成、制作或编辑图像时可以使用它。使用前需要设置 GEMINI_API_KEY 环境变量，并通过 npx @the-focus-ai/nano-banana 调用。它支持文生图和基于已有图片的编辑（通过 --file 指定输入图），可自定义输出路径（--output）、指定模型（--model）、使用更快的 flash 模型（--flash）、从文件读取提示词（--prompt-file），并可列出可用模型（--list-models）。技能文档还提供了提示词编写原则、工作流步骤（理解需求、编写提示词、生成、迭代）、图标/头图/产品图/插画等示例提示词，以及常见问题排查方法。

设计与创作49 次安装

Nano Banana Video Generation

Nano Banana Video Generation 是一个通过 nano-banana CLI 调用 Google Veo 3.1 模型生成 AI 视频的技能。它支持文生视频与图生视频（让已有图片动起来）两种方式，可控制时长、画幅比例、分辨率、是否生成音频以及随机种子等参数。该技能要求预先设置 GEMINI_API_KEY 环境变量，CLI 通过 npx @the-focus-ai/nano-banana 安装。生成单条视频通常需要 2 至 4 分钟，模型按秒计费，官方提供的开发流程建议先用低成本模式迭代提示词，再产出最终成片。

设计与创作49 次安装

tldraw-desktop

tldraw-desktop 是一个通过本地 HTTP API 操作 tldraw 桌面应用画布的工具。它运行在 http://localhost:7236，允许以编程方式创建和修改图表、线框图等视觉内容。用户可通过 curl 调用接口列出打开的文档、读取当前形状、执行创建/更新/删除等结构化操作，并截图验证结果。支持矩形、椭圆、箭头、文本、便签、手绘等多种形状类型，以及对齐、分布、堆叠、放置等布局动作。适用于需要自动化绘制流程图、架构图或快速生成视觉草图的场景。

设计与创作49 次安装

wtf.design-task

wtf.design-task 是 xiduzo/wtf 技能集中的一个设计协作技能，供设计师在领取 Task issue 并为其补充设计覆盖时使用。它引导设计师读取 Task 中的 Gherkin 场景，识别每个需要设计覆盖的 UI 状态，并将设计参考记录到 issue 中，使开发者获得单一事实来源。技能流程包括：GitHub CLI 环境检查、识别 Task、生命周期标签检查、加载设计指导文档（docs/steering/DESIGN.md）、探索现有设计系统（组件、设计令牌、Storybook 故事、Figma 链接）、从 Gherkin 场景提取 UI 状态、询问设计资产处理方式（提供 Figma 帧、通过 Figma MCP 生成、仅脚手架组件规格或部分处理）、起草 Design Reference、与用户复核、更新 Task issue 并添加 designed 标签，最后提供后续操作选项（实现该 Task、设计另一个 Task 或停止）。

设计与创作49 次安装

water-fluid-shaders

这是一个面向 Unity URP 的移动端水体与流体着色器技能，用于创建、修改或优化水、海洋、河流、湖泊、池塘、流体、岩浆等液体着色器，尤其针对移动端与 WebGL。技能给出移动端水体约束（不使用曲面细分、纹理采样不超过 4 次、单层法线、Gerstner 波仅在顶点着色器计算、除世界坐标与 UV 外使用 half 精度等），并提供可直接使用的移动端水体着色器模板（含深度着色、动画法线、岸边泡沫、菲涅尔）、Gerstner 波实现代码、按性能分级的特性成本层级（Tier 1 至 Tier 4）、Shader Graph 节点搭建指南，以及可参考的开源水体着色器仓库与教程来源。

设计与创作48 次安装