Agent Skills
› emilkowalski/skills
emilkowalski/skills
GitHub用于从零构建高质量前端动画的 Skill，依据 Emil Kowalski 哲学决策动画必要性、目的、工具及参数。指导开发者编写符合严格审查标准的实现代码，涵盖入场、过渡及退出效果。
Install All Skills
npx skills add emilkowalski/skills --all -g -y
Skills in Collection (13)
用于从零构建高质量前端动画的 Skill，依据 Emil Kowalski 哲学决策动画必要性、目的、工具及参数。指导开发者编写符合严格审查标准的实现代码，涵盖入场、过渡及退出效果。
需要添加动态效果或让组件更生动
请求构建特定交互的过渡动画
npx skills add emilkowalski/skills --skill animate -g -y
将模糊的动画描述转换为精确术语，帮助用户准确命名动效效果。适用于用户询问特定运动效果名称或想用专业词汇向AI/设计师提问的场景。
用户描述动效但不知道名称
询问特定视觉效果的专业术语
npx skills add emilkowalski/skills --skill animation-vocabulary -g -y
基于Apple WWDC理念，指导Web端构建流体界面。涵盖手势驱动UI、弹簧动画、拖拽交互及响应式反馈，旨在实现物理般的流畅体验与直观操作。
构建或审查手势驱动的UI组件
实现弹簧动画或惯性过渡效果
优化界面响应延迟和直接操纵体验
npx skills add emilkowalski/skills --skill apple-design -g -y
提供 React Toast 库 Sonner 的使用指南，涵盖安装、配置 Toaster、调用 toast()、样式主题、多实例管理及常见问题排查。
需要集成或配置 Sonner 组件
使用 toast() 发送消息或加载状态
解决 Toast 重复显示或样式异常问题
npx skills add emilkowalski/skills --skill ask-sonner -g -y
基于Emil Kowalski的设计工程哲学，提供UI细节打磨、组件设计与动画决策指导。专注于通过看不见的细微优化提升界面质感与用户体验，强调品味训练与视觉杠杆作用。
需要评估或改进用户界面细节时
咨询UI/UX设计原则与动画规范时
进行前端代码审查以优化交互体验时
npx skills add emilkowalski/skills --skill emil-design-eng -g -y
用于扫描代码库或UI，识别适合添加动画的交互点并拒绝不必要的场景。基于Emil Kowalski的设计哲学，提供精确的动效建议，但不修改代码或审查现有动画。
用户询问界面哪些部分可以添加动画
希望提升界面的生动感和流畅度
npx skills add emilkowalski/skills --skill find-animation-opportunities -g -y
作为高级动效顾问，只读分析代码库中的动画与运动代码，依据 Emil Kowalski 哲学进行审计，并生成高优先级、自包含的实施计划供其他 Agent 执行。不直接修改代码，专注于发现杠杆率最高的动效问题并提供精确修复方案。
improve the animations
audit the motion
make this app feel better
roadmap of animation fixes
npx skills add emilkowalski/skills --skill improve-animations -g -y
根据前端具体任务从精选列表中推荐最合适的 UI 库，涵盖组件、动画、图表等。支持识别实际需求并检查已安装依赖，避免重复引入或错误选择，确保技术选型的一致性和最优性。
用户询问特定功能（如 toast、拖拽）的前端实现方案
需要为 UI 任务选择第三方库时
npx skills add emilkowalski/skills --skill pick-ui-library -g -y
用于UI组件的原型设计探索。根据描述构建多个差异化的UI变体，通过可视化选择器供用户实时预览并选出最优方案，强调发散性设计与高完成度。
需要为特定UI组件生成多个不同风格或交互的视觉变体
希望快速对比多种设计方案以辅助决策
npx skills add emilkowalski/skills --skill prototype -g -y
基于 Emil Kowalski 设计工程理念，对动画和运动代码进行高标准的审查。专注于判定动画是否合理、流畅及性能优异，默认倾向于标记问题，确保交付符合严格的设计与工程规范。
请求审查前端动画或交互动效代码
评估 UI 动效是否符合设计规范
npx skills add emilkowalski/skills --skill review-animations -g -y
提供现代 Swift 编程指南，涵盖值类型建模、Swift 6 并发安全、协议泛型及性能优化。用于编写、审查或迁移 Swift 代码，解决数据竞争、死锁等并发问题。
需要编写符合现代规范的 Swift 代码
审查 Swift 代码以发现并发错误或性能瓶颈
将旧版 Swift 项目迁移至 Swift 6
npx skills add emilkowalski/skills --skill write-swift -g -y
专注于 React Native 和 Expo 应用的高级动画构建技能，指导开发者使用 Reanimated 等工具实现高性能、流畅的动效与手势交互。
需要在 Expo/React Native 中创建或优化动画效果
处理手势识别、屏幕过渡或触觉反馈的实现
修复移动端动画卡顿或性能问题
npx skills add emilkowalski/skills --skill animate-expo -g -y
修复Web应用在移动端浏览器中的原生体验问题，包括视口、触摸交互、滚动及安全区域等CSS与Meta标签优化。
Web应用移动端体验不佳
构建PWA或底部抽屉组件
解决触摸延迟或点击高亮异常
npx skills add emilkowalski/skills --skill mobile-native -g -y
