SuperAPI AI 工具集

Skill 广场

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

更新于 11-05 00:16

设计与创作

22,044 个结果

threejs-game-production

threejs-game-production 是一个面向 three.js 移动端 2D 游戏制作的策划角色 Skill,属于 weberwang/threejs-skills 技能集。它的职责是把游戏构想、参考证据和运行观察转换为可实现、可验收的中文 GDD(游戏设计文档)以及领域交接物。该 Skill 不直接实现游戏,只负责制作领域的提议、需求边界、功能契约、验收条件和交接物,并在 threejs-game-workflow-control 的 Work Item、当前用户任务和 A 等级范围内工作,把审查结论回到控制面;它不替代人工决策,也不拥有状态或审批账本。其流程围绕 F0-F4 质量门整理最小事实,将任务范围拆解为玩法/支持场景、玩家行为、状态迁移、依赖、正式资源边界、异常恢复和可观察验收结果,对无法从静态证据判断的行为明确标注为待定义。涉及视觉设计的任务,会按游戏美术体验与质量契约交接项目主题、受众及依据、体验目标、观看情境、核心注视区域和三层反馈意图,写入结构化美术 brief。游戏内文案会区分内部规则与玩家可见表达,交接图标/图片、数值格式与来源、允许的短标签及显示条件。范围发生真实变化时提交 Change Request;外部写入、付费、真机、发布、破坏性或外部删除等操作只能由控制面建立精确 pending 并等待显式批准,本 Skill 不执行这些动作。

设计与创作7 次安装

design-hub

Design Hub 是一个本地优先的设计系统收集与展示服务,基于 React/Vite 构建。它用于存储多个设计系统,并能从截图、URL 或文字风格描述中生成完整的设计系统条目。每个条目包含 12 个文档模块:DNA、中性色、文字色、强调色、排版、基础规范、图标、实时 Mock、组件、布局、交互和指南。服务内置 MuleRun、Raft、QoderWork、Superset 四个设计系统作为参考。用户可通过初始化模板快速搭建本地服务,并按照固定数据契约添加新系统,每个新系统拥有独立的数据文件、Mock 组件和样式表,互不干扰。

设计与创作7 次安装

video-pacing

Video Pacing 是一份面向视频节奏与时间控制的指南型技能,目标是在不同平台上最大化观众参与度。其核心原则是节奏等于信息密度乘以视觉变化速率,并围绕注意力曲线给出多个关键留存节点(0-3 秒钩子、10 秒首次明显流失、30 秒平台算法阈值、60 秒半程参与度检查)。资料提供了按平台划分的剪辑速率、平均镜头时长、钩子窗口与甜点时长,以及高能、张力递进、呼吸等剪辑频率模式,并给出「3 秒规则」(每 3 秒提供一次新视觉、新音频或新文字信息)。此外还涵盖心跳、升级、波浪等节奏模式,九种剪辑类型及其适用场景,音乐驱动剪辑(BPM 与每分钟剪辑数换算)、信息密度与节奏的权衡、认知负荷区间、各平台钩子公式、按内容类型的节奏策略、留存优化检查点,以及 Remotion 相关的帧计算公式、动画工具、弹簧预设、打包缓存注意事项和缓动函数。

设计与创作7 次安装

web-design-guidelines

web-design-guidelines 是一个用于审查 UI 代码是否符合 Web Interface Guidelines 的技能。它会在每次审查前从指定源地址获取最新的指南规则,读取用户指定的文件或文件模式,逐条对照指南中的所有规则进行检查,并以简洁的 file:line 格式输出发现的问题。适用于被要求“review my UI”“check accessibility”“audit design”“review UX”或“check my site”等场景。若用户未指定文件,会先询问需要审查哪些文件。

设计与创作7 次安装

design-system-structure

这是一个用于 Expo 应用的设计系统结构工具。它通过一个唯一的 token 文件(包含原始值和语义角色)来管理所有视觉值,确保颜色、字体、动效等样式的一致性和可维护性。该技能提供主题提供器、makeStyles 工厂、AppText 文本组件以及按压表面等模块,并内置检查器强制遵循规则:禁止硬编码颜色和尺寸、验证明暗色板对比度、确保字体和动效来自 token。适用于需要建立或迁移设计系统的 React Native 项目,尤其强调可访问性和跨平台一致性。

设计与创作7 次安装

design-visual-parity

design-visual-parity 是一个用于 React Native 应用的视觉一致性校验技能,作用是让每个已构建屏幕在约定设备、主题和语言下与已批准的设计参考逐一对比并修正到一致。机器校验逐个元素的几何、文本、颜色、边框、字体与形状;代理通过并排图做目视检查;check-signoff.mjs 证明两者均已执行并生成报告中的“Design match”摘要。适用于屏幕新建或改动后的视觉对齐验证。

设计与创作7 次安装

icons-app-icon-and-splash

该技能为 React Native/Expo 应用建立“用代码绘制全部图标与品牌视觉”的规范与工具链:UI 图标以 24 单位网格的图层合并为单个 Skia 路径,经 <Icon> 组件着色渲染;一个 BRAND_MARK 品牌标记(48 网格、最多 8 层、使用主题颜色角色)统一生成应用内磁贴、iOS 浅色/深色/着色图标、Android 自适应与主题单色层、启动屏和 Play 商店图标。配套脚本生成图标路径、渲染图标对照表和全部应用图像,并有两个检查器校验图标集、PNG 格式、安全区、配置接线与品牌标记,含单元与 golden 测试模板。

设计与创作7 次安装

refactoring-ui

Refactoring UI Skill 是一个基于 Adam Wathan 与 Steve Schoger 所著《Refactoring UI》九章内容构建的 UI 设计顾问技能。它提供两种工作模式:设计应用(Design Application)与设计评审(Design Review)。设计应用模式用于创建或改进 UI 组件与布局,遵循从功能出发、建立视觉层级、应用布局与间距、设计文字、构建色彩系统、创建深度、处理图片到收尾润色的完整流程;设计评审模式用于分析现有设计或代码并给出改进建议,涵盖层级、间距、排版、色彩、深度与润色六个扫描维度。该技能强调用系统化方式约束设计选择,例如定义间距刻度、字号刻度、色彩调色板与阴影层级,并给出具体的像素、字重与颜色数值建议。

设计与创作7 次安装

native-transparent-imagegen

Native Transparent ImageGen 是一个用于生成原生像素透明(native alpha)位图素材的技能。它要求交付物必须是新生成的、带真实 alpha 通道的 PNG 或 WebP,并在交付前对未经改动的原始文件做只读校验。该技能强调:可见的棋盘格、提示词里写了“透明”、或工具调用成功,都不算已验证;只有原始文件通过 alpha 检查才算通过。它不适用于从已有不透明图片中抠背景,也不允许用去背、分割、色键、蒙版或本地 alpha 合成来“补救”不透明输出。生成时保留用户的主体、身份、风格、构图与文字约束,并附加一条简洁的输出要求:返回主体之外区域为真实像素透明的 PNG 或 WebP。校验使用只读脚本 validate_alpha.py,检查是否含 alpha 通道、是否同时存在全透明与可见像素、隔离素材的边角是否透明,并在原始输出上成功退出;随后还需在对比背景上目视检查边缘,拒绝棋盘格、遮罩光晕、色雾、意外阴影、断发或细节缺失。失败时最多重试三次,不得把失败图改成合规,全部失败则停止并报告原始模式与校验失败原因。

设计与创作7 次安装

21st-video

21st Video 是一套面向编码智能体的视频创作工具,用于在当前项目中生成和编辑产品、发布、演示或社交视频。它通过 video_* 系列 MCP 工具,让用户借助编码智能体完成视频项目创建、素材上传、分镜编辑、快照检查、变体提案与导出。工具强调以真实产品资料为基础,保持可编辑项目在编辑器中打开,方便用户同步查看和手动修改。支持 16:9、9:16、1:1 尺寸,导出质量可选 720p 或 1080p。

设计与创作6 次安装

image-to-video

这是一个静态图片转视频(image-to-video)技能指南,用于将静止图像转换为动画视频,基于 inference.sh CLI(belt)运行各类图生视频模型。内容涵盖模型选择、运动提示词编写与镜头运动指导。指南列出可用的模型及应用 ID,包括 Wan 2.5 i2v(适合写实、自然的细微运动)、WAN-I2V (Pruna)(经济快速,480p/720p)、Seedance 2.0 与 Seedance 2.0 Fast(最高 1080p,支持同步音频及多种输入类型)、Fabric 1.0(布料、织物、液体等材质物理流动)、Grok Imagine Video(通用动画、文本引导)。同时说明不同场景下推荐使用的模型,例如水面云层景观和人物肖像用 Wan 2.5 i2v、布料产品用 Fabric 1.0、插画/艺术图与通用动画用 Seedance 2.0。指南提供镜头运动(推拉、平移、俯仰、环绕、升降、静止)与主体运动(自然元素、头发衣物、氛围、角色、机械、液体)的提示词关键词,强调“细微运动优于剧烈动作”的提示原则,建议时长保持在 2-5 秒,避免 10 秒以上导致质量下降,长视频可通过生成多个短片段再拼接实现。

设计与创作6 次安装

make-diagram

make-diagram 是一个面向 AI 技能包(SKILL.md)的图表生成工具,用于把用户需求转换成精良的离线 HTML 页面版架构图、流程图、时序图或状态图,并附带可播放的命名故事(分章节的节拍动画)。使用者只需编写一个 diagram.json 文件,描述标题、类型、节点与边(或参与者与消息),以及一两个故事;脚本会用 ELK 进行布局、检查几何并生成单个离线 HTML 页面,页面包含故事播放器、Explore 面板和全屏功能。使用者无需编写坐标、CSS、SVG 或 HTML。该工具支持架构图、流程图、状态图与序列图四类图表,提供多种节点种类、图标与表情符号、分组、边样式、frames 与 notes,并可在页面中逐拍播放故事、点击节点查看详情。由于生成结果是一个不发起网络请求、CSP 拦截外联的离线页面,适合在本地或项目中呈现系统结构与时序流程;但需具备 Node 环境并运行相应脚本,几何检查环节还需要 Playwright 与浏览器(缺失时跳过)。

设计与创作6 次安装

make-motion

make-motion 是一个用于制作短动画解说视频的技能:用户只需编写一个 motion.json 文件,脚本会校验该文件、在浏览器中本地预览,并渲染导出为 MP4。整个流程无需编写动画代码,也无需手动编辑生成结果。它支持文字、计数器、形状、图表和图片等元素,并通过关键帧控制位移、透明度、缩放、旋转等动画;可选加入音频轨道(音乐、音效或语音旁白)。默认画布为 1920x1080、30 fps,场景总时长不超过 120 秒。

设计与创作6 次安装

anduril

Anduril 是一套带有强烈主张的界面设计约束规范,用于在构建 UI 时统一视觉与交互风格。它提供了一套完整的设计系统定义,包括颜色变量(纯黑、近黑、暖白、品牌柠檬绿等)、Tailwind 配置、排版规则(Helvetica Neue、15px 基准、标题不加粗)、间距规范、组件样式(卡片无边框无圆角无阴影、按钮直角、输入框直角)以及技术栈与交互约束(Tailwind CSS、motion/react、无障碍组件原语、动画仅限合成属性等)。该技能以斜杠命令方式调用:/anduril 可将约束应用到当前对话中的任意 UI 工作,/anduril <file> 可对照全部约束审查指定文件并输出违规项、原因与具体修复建议。适用于需要遵循 Anduril 风格进行界面设计、代码审查或前端实现的场景。

设计与创作6 次安装