SuperAPI AI 工具集

Skill 广场

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

更新于 11-09 00:13

设计与创作

22,556 个结果

apple-design

该技能是一份将 Apple 界面设计与动效理念迁移到 Web 平台的实践指南,内容主要来自 Apple WWDC 设计演讲(尤其是《Designing Fluid Interfaces》),并翻译为 CSS、Pointer Events、requestAnimationFrame 以及 Motion/Framer Motion 等弹簧动画库的实现方式。它强调界面应像物理世界一样即时响应、连续运动、携带动量、在边界处受阻并可中途被抓住反向,核心原则是响应速度、直接操控(1:1 跟随)、可中断性、以弹簧替代固定时长动画、速度交接、动量预测、空间一致性、橡皮筋边界、手势细节、逐帧流畅度、材质与层级、多模态反馈、减弱动效与无障碍以及字体排版等内容。适用场景包括构建或评审手势驱动 UI、弹簧动画、抽屉/回弹/拖拽/滑动类交互,以及需要处理减弱动态效果与透明度偏好的界面。限制方面:该技能偏重设计原则与代码示例,资料未提供具体安装方式、依赖要求、平台兼容性细节或收费信息。

设计与创作1 次安装

emil-design-eng

这是一个基于 Emil Kowalski 设计工程哲学的技能,聚焦于 UI 打磨、组件设计与让软件「感觉良好」的不可见细节。它提供了关于动画决策、缓动曲线、弹簧动画、组件构建原则、CSS Transform 技巧以及手势交互的详细指导,并强制以 Before/After 表格形式审查 UI 代码。适用于需要提升界面品质、决定是否及如何添加动效、构建响应式按钮与弹层、处理拖拽与手势等场景。

设计与创作1 次安装

find-animation-opportunities

find-animation-opportunities 是一个只读的动画机会搜索技能,用于扫描代码库或 UI,找出那些真正应该添加动效却缺失动画的位置,并为每个位置给出带精确数值(曲线、时长、属性)的动效建议。它同时也是一个严格的过滤器:按照频率、目的、速度、功能四道关卡逐一审查候选,大部分候选会被拒绝,最终最多只保留 5–7 条高价值建议,并按杠杆率排序。该技能不审查已有动画、不为已有动画制定修复计划,也不编写实现代码,仅报告结果,并强制输出被拒绝的候选和整体结论。

设计与创作1 次安装

improve-animations

improve-animations 是一个以“先审计后规划”为核心工作流的动画与动效顾问技能。它像一位资深动效顾问一样巡查代码库中的动画与运动相关代码,先梳理动效使用面(技术栈、动效库、动效所在一级文件、既有缓动与时长约定、产品调性、元素触发频率),再按八个类别进行只读审计:用途与频率、缓动与时长、物理感与原点、可中断性、性能、可访问性、一致性与令牌、遗漏机会。审计结果会被整理成一张按杠杆(影响÷成本)排序的发现表,附带严重级别(HIGH/MEDIUM/LOW)、类别、位置与修复摘要,并单独列出 2–4 条“本应动效却没有”的增补建议。用户选定要处理的问题后,技能会为每条问题生成一份完全自包含的实施计划,写入 plans/ 目录,包含精确文件路径、当前代码片段、目标 cubic-bezier、时长、弹簧配置、有序步骤、范围边界与验证方式,使上下文为零、没有个人审美的执行模型也能照做。它本身不修改源码、不安装依赖、不提交,仅做只读分析与计划编写;也不审查单个 diff,不亲自实现修复。支持多种调用形式:裸调用执行完整流程,quick/deep 调整审计深度,指定类别只审计该类,plan 描述可直接跳到写计划,execute 可在隔离工作树中派发执行并复核,reconcile 用于对照代码刷新计划状态。

设计与创作1 次安装

review-animations

review-animations 是 shadcn-labs/snapcn 提供的一个专项审查技能,只做一件事:依据源自 Emil Kowalski 设计工程理念的高标准,审查动画与动效代码。它不编写功能、不修复无关缺陷,也不审查非动效代码;若被要求做通用代码审查,会拒绝并指向通用审查技能。其审查标准涵盖时长、缓动、可中断性、GPU 属性、可访问性、进出场非对称与整体协调性等,并给出分级结论(Block 或 Approve)。

设计与创作1 次安装

canvas-design

canvas-design 是一个用于创建视觉艺术作品的技能,产出物为 .png 和 .pdf 文档。当用户要求制作海报、艺术作品等视觉内容时可使用。该技能的核心方法是先创建“设计哲学”(一种通过形式、空间、色彩、构图、图像、图形、形状、图案以及少量作为视觉点缀的文字来表达的视觉美学运动),再将这一哲学在画布上视觉化呈现。整个流程分为两步:第一步输出设计哲学 .md 文件,第二步输出 .pdf 或 .png 文件。最终成品强调 90% 视觉设计、10% 必要文字,追求大师级手工质感,注重排版细节、元素不重叠、不超出画布边界。

设计与创作1 次安装