SuperAPI AI 工具集

emilkowalski-skill

设计与创作

查看项目

更新于 10-16 09:51

技能介绍

用途:将 Emil Kowalski 的设计工程方法论打包为一个可调用的技能,在动画或设计工程工作开始前使用;Emil Kowalski 是 Sonner、Vaul 与 animations.dev 的作者。

主要能力:动画决策框架(四步:是否应动画?目的?缓动?时长?)、必需的自定义 CSS 缓动曲线、组件交互原则(:active 时按钮缩放、scale(0.95) 入场动画、感知原点的变换)、为可打断性优先使用 CSS 过渡而非关键帧,以及严格的排版规则(65ch 上限、tabular-nums、使用 … 而非 ...)。

使用方式:先检查 ~/.design-agent-skills/skills/emil-design-eng/SKILL.md 是否存在;已存在则直接调用 emil-design-eng。否则若有 shell 权限,运行 npx skills add emilkowalski/skill --skill emil-design-eng,安装后调用技能;安装整个包可用 npx skills add emilkowalski/skill。在 Claude Code 中可把命令作为以 ! 开头的聊天消息发送,加 -g 为全局安装,省略则为仅当前项目。技能名:emil-design-eng;触发短语包括 "Emil Kowalski"、"design engineering"、"animation decision"、"easing curves"。

适用场景:前端界面动效、交互动效设计与设计工程相关任务。

限制:不适用于后端、API 与数据类工作;当动效已处理完善时不应使用。资料未提供收费、价格或效果数据。