Agent Skills
› emilkowalski/skills
emilkowalski/skills
GitHub用于从零构建前端动画实现，决策是否动画、工具、属性及曲线等，确保代码符合严格审查标准。
Install All Skills
npx skills add emilkowalski/skills --all -g -y
Skills in Collection (12)
用于从零构建前端动画实现，决策是否动画、工具、属性及曲线等，确保代码符合严格审查标准。
请求添加动画效果
让组件具有动态感
构建页面过渡效果
npx skills add emilkowalski/skills --skill animate -g -y
提供Web动画术语的反向查询，将模糊描述映射为精确名称，辅助用户准确沟通或提示AI/设计师。
询问动画效果名称
描述运动效果但不知其术语
npx skills add emilkowalski/skills --skill animation-vocabulary -g -y
Apple风格Web界面设计指南，涵盖手势驱动UI、弹簧动画、拖拽交互及响应式反馈，基于WWDC理念提升用户体验。
构建或审查手势驱动的UI
实现弹簧动画和中断式过渡
优化指针事件和拖拽交互
npx skills add emilkowalski/skills --skill apple-design -g -y
提供 Sonner React toast 库的使用指南，涵盖安装、配置、API 调用及样式定制。用于解决 toast 不显示、重复出现、样式丢失或暗黑模式适配等问题，指导正确挂载 Toaster 和处理异步状态。
需要集成 Sonner toast 组件
调试 toast 显示异常或样式问题
配置 toast 主题和自定义样式
npx skills add emilkowalski/skills --skill ask-sonner -g -y
基于Emil Kowalski的设计工程哲学，提供UI细节打磨、组件设计与动画决策指导。专注于通过提升界面手感与隐性细节优化用户体验，并强制使用Markdown表格格式进行代码审查对比。
UI代码审查
前端交互设计咨询
动画效果优化建议
界面手感调整
npx skills add emilkowalski/skills --skill emil-design-eng -g -y
分析界面中适合添加动画的交互点，基于频率、目的等标准筛选高价值机会，提供精确的运动方案建议，不修改代码。
用户询问哪些地方可以添加动画
希望提升界面的生动感
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组件（如Toast、定价卡片）生成多种设计变体
希望通过可视化方式快速对比不同布局或交互模型的原型效果
npx skills add emilkowalski/skills --skill prototype -g -y
基于 Emil Kowalski 设计工程理念的高级动画代码审查技能，严格评估动效的合理性、性能、可访问性及物理正确性，默认标记问题直至获得批准。
需要审查前端动画或运动代码
评估 UI 动效是否符合高 Craft 标准
npx skills add emilkowalski/skills --skill review-animations -g -y
提供 Swift 6 现代编程最佳实践，涵盖值类型建模、并发安全、协议泛型及性能优化。用于编写、审查或迁移 Swift 代码，解决数据竞争、挂起及内存问题。
编写 Swift 代码
审查 Swift 代码规范
迁移旧版 Swift 项目
修复数据竞争或死锁问题
npx skills add emilkowalski/skills --skill write-swift -g -y
指导在 Expo/React Native 中构建高性能动画，涵盖 Reanimated、手势处理及性能优化，确保移动端流畅体验。
实现 React Native 动画效果
修复移动端动画卡顿问题
添加手势交互或过渡动画
npx skills add emilkowalski/skills --skill animate-expo -g -y
