Agent Skills
› leepokai/Codync
leepokai/Codync
GitHub在提交前对代码变更进行审查、修复、清理及端到端测试。通过并行子代理评估正确性、完整性和重构建议,验证影响范围并执行最小或完整 E2E 测试,确保质量后再提交。
Install All Skills
npx skills add leepokai/Codync --all -g -y
Skills in Collection (15)
在提交前对代码变更进行审查、修复、清理及端到端测试。通过并行子代理评估正确性、完整性和重构建议,验证影响范围并执行最小或完整 E2E 测试,确保质量后再提交。
代码变更完成准备提交前
显式要求运行 after-change 工作流
npx skills add leepokai/Codync --skill after-change -g -y
专注前端动画构建,依据Emil Kowalski哲学决策是否动、用何工具及参数。遵循严格流程,拒绝无效动画,确保实现通过审查,涵盖过渡、组件动效等场景。
请求从头构建动画
为组件添加动态效果
询问如何使界面元素更生动
npx skills add leepokai/Codync --skill animate -g -y
将模糊的动画描述转化为精确术语,辅助用户准确命名动效以指导AI或设计师。
询问动效名称
描述视觉效果但不知专业术语
npx skills add leepokai/Codync --skill animation-vocabulary -g -y
提供Apple风格Web界面设计指南,涵盖手势交互、弹簧动画、动量过渡及排版规范。基于WWDC理念,指导开发者实现流畅、直观的物理感UI体验。
构建或审查手势驱动的UI组件
实现拖拽、滑动、弹窗等复杂交互动画
优化界面响应速度与视觉反馈
调整字体排版与空间层次感
npx skills add leepokai/Codync --skill apple-design -g -y
提供 Sonner React Toast 库的使用指南,涵盖安装、配置 Toaster、选择调用方式、样式定制及常见问题排查。
需要集成或配置 Sonner toast 组件
解决 toast 显示异常、样式丢失或多实例问题
npx skills add leepokai/Codync --skill ask-sonner -g -y
基于 Emil Kowalski 的设计工程哲学,提供 UI 打磨、组件设计、动画决策及细节优化的指导。强调通过训练出的品味和隐形细节提升用户体验,并规定使用特定 Markdown 表格格式进行代码审查。
UI 代码审查
前端界面优化建议
动画与交互细节咨询
npx skills add leepokai/Codync --skill emil-design-eng -g -y
用于扫描代码库或UI,识别适合添加动画的界面元素并拒绝不必要的候选项。基于Emil Kowalski的设计哲学,提供精确的动画建议配方,不修改代码。适用于询问‘哪里可以加动画’的场景。
用户询问界面中哪些部分应该添加动画
用户希望提升界面的动态感和生动性
npx skills add leepokai/Codync --skill find-animation-opportunities -g -y
作为资深动效顾问,只读分析代码库中的动画实现,生成高优先级的审计报告和自包含的修复实施计划,供其他代理执行。不直接修改代码,专注于提升应用流畅度和用户体验。
improve the animations
audit the motion
make this app feel better
animation fixes roadmap
npx skills add leepokai/Codync --skill improve-animations -g -y
根据前端任务从精选列表中推荐最合适的UI库,涵盖组件、动画、图表等。需识别真实需求而非用户指定的库,检查已安装依赖并给出唯一推荐及安装建议。
需要选择特定功能的UI库
询问拖拽、通知或图表等技术选型
npx skills add leepokai/Codync --skill pick-ui-library -g -y
指导制作60-90秒产品发布视频的技能,采用白舞台、DOM重建UI及音乐对齐风格。包含故事、视觉、动态和成片四个阶段,确保每帧清晰传达产品价值与功能。
需要制作产品发布视频
生成App Store预览或宣传短片
npx skills add leepokai/Codync --skill product-launch-film -g -y
该 Skill 用于 UI 原型设计探索,根据描述构建多个真正不同的 UI 组件变体,并通过可视化选择器让用户实时浏览并挑选最优方案,强调设计的发散性与高质量执行。
用户需要为某个 UI 元素(如 Toast、定价卡片)生成多种设计方案
用户希望快速对比不同布局或交互风格的 UI 实现
npx skills add leepokai/Codync --skill prototype -g -y
基于 Emil Kowalski 设计工程哲学审查动画代码,确保符合高工艺标准。涵盖运动合理性、频率适配、缓动曲线、性能及无障碍等十项非协商标准,默认严格标记问题。
需要审查前端动画或交互运动代码
评估 UI 动效是否符合设计规范与性能要求
npx skills add leepokai/Codync --skill review-animations -g -y
提供现代 Swift 编程最佳实践,涵盖值类型建模、Swift 6 并发安全、协议泛型及性能优化。用于编写、审查或迁移 Swift 代码,并解决数据竞争、死锁等运行时问题。
需要编写符合现代规范的 Swift 代码
审查 Swift 代码以检查并发安全性或性能
修复数据竞争、死锁或内存泄漏问题
将旧版 Swift 项目迁移至 Swift 6
npx skills add leepokai/Codync --skill write-swift -g -y
专注于 React Native 和 Expo 应用的高性能动画实现,涵盖手势、过渡及触觉反馈。遵循 Emil Kowalski 哲学,确保动画在 UI 线程运行以保障流畅度,并适配真实设备性能。
构建 Expo/React Native 动画
添加手势或屏幕过渡效果
修复移动端动画卡顿问题
npx skills add leepokai/Codync --skill animate-expo -g -y
修复 Web 应用在移动端浏览器中非原生体验的 CSS 与 Meta 标签问题,涵盖触摸、滚动、视口及安全区域等细节,强调真机测试。
Web 应用在手机上感觉像网页而非原生应用
构建 PWA 或移动端布局时遇到触摸/滚动异常
解决点击延迟、高亮闪烁、输入框缩放等交互问题
npx skills add leepokai/Codync --skill mobile-native -g -y


