SuperAPI AI 工具集

Skill 广场

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

更新于 10-26 00:15

设计与创作

20,868 个结果

makepad-2.0-animation

Makepad 2.0 动画系统(Animator)技能文档,用于在 Makepad UI 框架中实现悬停、过渡与循环动画。Animator 通过随时间驱动实例(instance)着色器变量来产生动效,并使用相互独立、可同时运行的动画轨道(group)。文档说明支持的控件(View、Button、TextInput 等)与不支持动画的控件(Label、Image、Slider 等),并提供包装 Label 以实现动画的示例。主要能力包括:定义 group、default 与 AnimatorState;通过 from 块控制过渡时序;使用 Forward、Snap、Loop、ReverseLoop、BounceLoop 等播放类型;使用 Linear 到弹性、回弹等多种缓动函数;通过 apply 块设置目标属性值。文档强调只有 instance() 着色器变量可被动画化,uniform() 不可,且 new_batch: true 对带背景的可悬停 View 是必需的。还包含时间轴关键帧 timeline() 与加载旋转器的实现模式,并对比 Animator 与 Vector Tween 两套动画系统的用途差异。

设计与创作50 次安装

makepad-2.0-vector

Makepad 2.0 的 Vector 矢量图形技能,用于渲染分辨率无关的矢量图形。该技能覆盖 Vector 部件的 SVG 风格语法,支持路径、内置图形、渐变、滤镜、分组变换以及通过 Tween 实现属性动画。在 Splash 中使用 SVG 有两种方式:Vector{} 内联定义图形,Svg{} 通过 crate_resource() 或 http_resource() 加载外部 .svg 文件。技能强调 Vector 图形使用 SVG 属性(如 d、stroke、fill),而非 draw_bg.* 部件属性,并提供图标、脉冲指示器、移动圆点、延迟序列动画等常见用法示例。适用于在 Makepad 2.0 界面中绘制图标、插图和程序化矢量图形。

设计与创作50 次安装

presentation-design

Presentation Design Skill 是一个用于生成演示幻灯片的技能,目标是产出具有编辑设计水准、摆脱 AI 生成同质化风格的幻灯片。它从杂志编辑设计、高端路演材料和视觉识别系统中提炼原则,要求先建立一套演示设计系统(6 项参数:色彩基础、字体搭配、强调色职责、标志性母题、图表与数据处理、禁用清单),再按封面、章节分隔、正文、数据、团队、引言、时间线、对比、总结等幻灯片类型进行构图。技能提供两种模式:设计系统模式(新建整套幻灯片时先确立系统)和单页模式(只做一页时推断或询问设计系统上下文)。输出包含每页的版式策略、构图描述、字体规格、色彩应用、母题用法和实际内容。

设计与创作49 次安装

make-tweakable

make-tweakable 是一个用于在已有 HTML 产物中注入浮动「Tweaks」调节面板的技能。面板直接运行在产物内部(不使用 iframe),让用户在预览时实时调整颜色、字体、间距和布局变体等参数。默认值通过 :root 上的 --tweak- 前缀 CSS 自定义属性管理,并使用标记块 <script id="__tweak_schema"> 声明可调参数。面板通过 File System Access API 将修改写入 pending.yaml 实现持久化,并提供复制粘贴回退方案;按 Shift+T 可切换面板显示。用户随后可执行 /apply-tweaks <html-path> 或说出「save tweaks」,让 Claude 读取 pending.yaml 并通过 Edit 工具修改 HTML、清空 pending。适合需要在预览中反复微调视觉参数并回写到源文件的设计与前端场景。

设计与创作49 次安装