Agent Skills
› emilkowalski/skills
emilkowalski/skills
GitHub用于从零构建前端动画的实现技能。遵循特定哲学，判断是否需动画并生成代码，涵盖触发场景、目的、工具选择及硬规则，确保动画体验合理且符合设计规范。
Install All Skills
npx skills add emilkowalski/skills --all -g -y
Skills in Collection (13)
用于从零构建前端动画的实现技能。遵循特定哲学，判断是否需动画并生成代码，涵盖触发场景、目的、工具选择及硬规则，确保动画体验合理且符合设计规范。
请求创建新动画
添加运动效果使组件生动
构建页面过渡效果
npx skills add emilkowalski/skills --skill animate -g -y
将模糊的动画描述反向查找为精确术语，帮助用户准确命名动效以便与AI或设计师沟通。适用于询问“某效果叫什么”的场景，不涉及具体实现。
用户描述动画效果但不知道名称
询问特定动效效果的术语定义
npx skills add emilkowalski/skills --skill animation-vocabulary -g -y
提供Apple风格Web界面设计指导，涵盖手势驱动UI、弹簧动画、拖拽交互及动效原则，助力构建流畅自然的物理感体验。
构建或审查手势驱动的UI
实现弹簧动画或惯性过渡
优化拖拽/滑动交互体验
调整排版与视觉深度
npx skills add emilkowalski/skills --skill apple-design -g -y
Sonner React Toast库使用指南，涵盖安装配置、调用选择、样式主题及故障排查。
需要集成或配置Sonner组件
处理Toast显示异常或样式问题
npx skills add emilkowalski/skills --skill ask-sonner -g -y
基于 Emil Kowalski 理念的前端 UI 设计工程技能，专注于界面打磨、组件设计及动画细节。指导开发者通过训练审美和关注隐形细节提升用户体验，提供代码审查模板以优化视觉与交互质量。
UI 代码审查
前端组件设计咨询
动画与交互细节优化
界面体验提升建议
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
作为高级动效顾问，只读审计代码库中的动画代码，生成优先级排序的发现报告及自包含的实施计划。旨在指导其他代理执行优化，不直接修改源码。
improve the animations
audit the motion
make this app feel better
npx skills add emilkowalski/skills --skill improve-animations -g -y
根据前端任务推荐经过筛选的 UI 库，涵盖组件、动画、图表等场景。通过识别具体需求匹配预设列表，优先复用已安装依赖，提供明确的技术选型建议。
需要选择特定功能的 UI 库
询问某个前端任务的最佳实践
npx skills add emilkowalski/skills --skill pick-ui-library -g -y
用于构建多个截然不同的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 6.3/6.4 现代编程最佳实践，涵盖值类型建模、并发安全、协议泛型及性能优化。指导代码编写、审查及迁移，修复数据竞争、死锁等问题。
编写或重构 Swift 代码
审查 Swift 代码规范
修复数据竞争、死锁或性能问题
Swift 项目迁移
npx skills add emilkowalski/skills --skill write-swift -g -y
专为 Expo/React Native 应用构建高质量动画的 Skill。基于 Reanimated 和 Gesture Handler，指导开发者在 UI 线程实现流畅、可中断的动画，涵盖手势交互、屏幕过渡及性能优化，确保在低端设备上也有良好体验。
需要为 Expo 或 React Native 应用添加动画效果
处理手势与动画的交互逻辑
解决移动端动画卡顿或性能问题
npx skills add emilkowalski/skills --skill animate-expo -g -y
解决 Web 应用在移动端体验不佳的问题，修复视口、触摸反馈、滚动交互及安全区域等原生感细节。
Web 应用在手机上感觉像网站而非原生应用
构建或审查 PWA、底部抽屉、轮播图或全屏布局
npx skills add emilkowalski/skills --skill mobile-native -g -y
