SuperAPI AI 工具集

Skill 广场

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

更新于 11-05 00:16

设计与创作

22,053 个结果

style-guide-generator

Style Guide Generator 是一个用于生成网站样式指南和设计系统的技能。它通过分析用户提供的 URL、截图、上传文件和需求,提取颜色、字体、Logo、图标、UI 组件、布局间距、无障碍要求等设计元素,并按标准化模板组织内容,最终输出专业排版的 PDF 文档,作为设计与开发团队的统一参考。它支持从网页抓取设计信息、分析截图提取配色与排版、整合已有文档,并在信息缺失时提供占位符或向用户提问。生成内容涵盖品牌标识、内容风格、UI 组件、布局网格、无障碍规范和资源链接等章节。

设计与创作3 次安装

theme-gen

Theme Generator 是一款通过 AI 从品牌色生成完整设计系统的命令行工具。只需提供品牌主色,即可自动生成包含语义化 token、色阶(50 至 950)以及可直接使用的 CSS 变量或 Tailwind 配置的完整配色方案,并确保前景与背景之间的对比度符合无障碍要求,同时构建一致的间距与排版比例。该工具无需安装,通过 npx 即可运行,推荐 Node.js 18 及以上版本,采用 MIT 许可,永久免费。

设计与创作3 次安装

generate2d-assets-clean-align

这是一个用于2D游戏视觉资源制作的统一技能,覆盖精灵图、动画序列帧、道具包、俯视角/侧滚/RPG/战术地图等多种资源类型。技能强调使用内置图像生成工具产出原始美术素材,并配合确定性脚本完成清理、切帧、对齐、透明导出、预览合成与元数据生成。适用于需要从图像生成到引擎集成全流程的2D游戏美术工作流,但具体实现细节和部分使用方式暂未提供。

设计与创作3 次安装

gsap

GSAP 动画参考文档,面向 HyperFrames 场景,系统整理了 GSAP 补间方法、缓动、交错、时间线与性能优化等用法。内容涵盖 gsap.to()、from()、fromTo()、set() 等核心补间方法,duration、delay、ease、stagger、repeat、yoyo 等常用参数,以及 GSAP 的变换属性别名(x、y、scale、rotation、autoAlpha 等)、函数式取值、内置缓动、gsap.defaults() 默认配置、补间播放控制(pause、play、reverse、kill、progress、time)、结合媒体查询与无障碍偏好的 gsap.matchMedia(),还有时间线创建、位置参数、标签、嵌套与播放控制。性能方面给出优先使用 transform 与 opacity、will-change、gsap.quickTo()、用 stagger 替代大量独立补间以及清理动画等建议,并附使用禁忌清单。

设计与创作3 次安装

drawio-diagram-hygiene

该技能用于改善 diagrams.net 与 draw.io 图表的可读性:在不改变图表语义的前提下,减少连线、方框与文字之间的重叠,统一走线、间距与标签处理方式,使图表更易浏览。它倾向于做小幅 XML 调整来消除冲突,避免大范围手工重排;主要操作包括将长回边改走外围通道、为带标签连线加白底以避免文字被压、加高节点容纳换行文本、精简边标签并把多句说明移入独立注释块。

设计与创作3 次安装

ai-short-drama-master

AI 短剧(AI 微短剧)从业者视角的 Agent Skill,装上后 Agent 进入 AI 短剧资深人模式,用该行业的心智模型、决策规则、工作流与表达方式给出判断。覆盖创作工作流(选题→剧本/分镜→AI 生图→图生视频→配音/对口型→剪辑)、角色一致性解决(参考图/首尾帧/LoRA/多主体参考)、工具链选型(即梦 Seedance、可灵 Kling、Vidu、Wan2.6/Runway Act-Two、Midjourney --cref、海螺、Sora、Luma、PixVerse、豆包/DeepSeek 脚本、TTS、HeyGen 多语对口型、剪映 CapCut)、成片率与成本测算、AIGC 标识与广电备案合规、国内投流变现与出海译制发行。当问题涉及 AI 短剧、微短剧制作、图生视频短剧、可灵/即梦短剧、短剧出海、投流、角色一致性等关键词时激活。

设计与创作3 次安装

kaleidoscope

Kaleidoscope 是一个用于图像动态效果的技能:它把用户提供的照片做成可无缝循环的万花筒动画。照片先铺满方形画框,随后分裂成 2×2、4×4、8×8 的网格;每进入一个网格阶段,瓦片会跳动、互换并闪烁几帧,形成故障效果。之后瓦片重新拼合为完整照片,且相比上一次多旋转四分之一圈;循环重复,使一次旋转的结尾与下一次的开头衔接,从而无缝循环。资料称两次旋转约需 8.6 秒。使用该技能时,需要先观看参考视频,可用 ffmpeg 抽帧并用 view_image 查看,以匹配节奏和网格变化;必须使用用户指定或附带的图片,没有则询问用户,不得自行挑选。构建时按自由形式动态图形处理,并先加载 tella-motion-design 获取共享规则,完成后预览并对照参考视频检查网格步骤、故障时长、四分之一旋转和无缝循环。可通过减少或增加旋转次数改变长度,加快或放慢网格切换改变节奏,或更换最终网格(如停在 4×4)改变观感。

设计与创作3 次安装

logo-mask-reveal

logo-mask-reveal 是一个用于在 Tella 视频中通过品牌 Logo 揭晓画面的技能。用户提供 SVG 格式的 Logo,叠加在纯色底板上遮住视频,可选播放旋转、弹出、淡入、上升、下落等入场动画;随后 Logo 的一个形状放大直至覆盖整个画面,并由实心转为镂空窗口,露出下方的视频与图层,其余 Logo 形状飞出画面边缘。由于真实视频始终在底层播放,音频与口型同步不受影响。该技能会列出 SVG 中各个可见形状并生成带编号的预览,供用户选择作为窗口的形状,还可设置入场动画、旋转圈数、底板颜色以及揭晓发生的时刻,然后生成动画文档并应用到片段上。适合需要品牌片头、章节转场或视频开场 Logo 揭示效果的场景。使用前需要提供 SVG 格式且各部分为独立形状的 Logo,PNG/JPG 等位图无法直接使用。

设计与创作3 次安装