Agent Skills
› AstraFoundry/Arion
AstraFoundry/Arion
GitHub构建前端动画的实现技能，依据频率、目的等规则决定是否需要动画，严格遵循设计原则生成代码，确保通过审查。
Install All Skills
npx skills add AstraFoundry/Arion --all -g -y
Skills in Collection (16)
构建前端动画的实现技能，依据频率、目的等规则决定是否需要动画，严格遵循设计原则生成代码，确保通过审查。
请求添加动画或运动效果
让组件产生动态感
构建过渡效果
npx skills add AstraFoundry/Arion --skill animate -g -y
将模糊的动画描述映射为精确术语，辅助用户准确命名或向AI/设计师提问。
询问特定动效的名称
描述视觉效果但不知专业术语
npx skills add AstraFoundry/Arion --skill animation-vocabulary -g -y
基于 Apple WWDC 规范的前端交互设计指南，涵盖手势驱动 UI、弹簧动画、拖拽及动量过渡。适用于构建或审查符合 Apple 风格的流畅界面与物理运动效果。
实现手势驱动的 UI 交互
开发弹簧动画或拖拽组件
审查前端界面的流畅性与响应速度
npx skills add AstraFoundry/Arion --skill apple-design -g -y
Sonner React toast库的使用指南，涵盖安装配置、API调用选择、样式定制及常见问题排查。
需要显示操作反馈通知
修复Toast不显示或样式异常问题
配置Toaster组件和主题
npx skills add AstraFoundry/Arion --skill ask-sonner -g -y
基于 Emil Kowalski 的设计工程哲学，提供 UI 打磨、组件设计、动画决策及隐形细节优化的指导。旨在通过提升界面触感与品味，增强软件体验的差异化优势。
UI 代码审查
前端界面优化咨询
动画与交互设计决策
npx skills add AstraFoundry/Arion --skill emil-design-eng -g -y
扫描代码库或UI，识别适合添加动画的界面元素，并基于频率、目的等标准筛选出高价值机会。该技能仅提出精确的动画建议，不修改代码，旨在提升交互体验而非过度设计。
用户询问哪些地方可以添加动画
希望界面感觉更生动
npx skills add AstraFoundry/Arion --skill find-animation-opportunities -g -y
用于在代码、配置或文档中识别并提议移除冗余、死代码或未维护的API，通过范围界定和可达性分析提供证据支持的简化方案。
需要清理冗余代码或配置
寻找可删除的未使用API或测试
进行代码库简化审计
npx skills add AstraFoundry/Arion --skill Find simplifications -g -y
作为高级动效顾问，只读扫描代码库中的动画与运动逻辑，产出优先级审计结果及自包含的实施计划。不直接修改代码，而是为其他智能体或廉价模型提供可执行的修复方案，旨在提升应用动效体验与一致性。
improve the animations
audit the motion
make this app feel better
npx skills add AstraFoundry/Arion --skill improve-animations -g -y
根据前端任务从精选列表中推荐最合适的 UI 库。通过识别具体需求而非用户指定的库名，检查现有依赖，并给出单一明确建议及安装指导，涵盖组件、动画、图表等场景。
询问特定 UI 功能（如 toast、拖拽）应使用哪个库
需要为前端任务选择技术栈或库
npx skills add AstraFoundry/Arion --skill pick-ui-library -g -y
用于快速构建多个风格迥异的UI组件原型，通过可视化选择器对比不同设计方案。要求每个变体均符合高设计标准并具备完整交互，帮助用户直观筛选最佳方案，适用于前端界面探索与决策。
用户需要生成多个UI变体进行对比
用户希望快速探索不同的界面设计风格
用户描述了一个具体的UI元素并要求展示多种可能性
npx skills add AstraFoundry/Arion --skill prototype -g -y
基于高级设计工程哲学审查动画代码，确保运动效果符合严格的质量标准。涵盖触发频率、缓动曲线、性能优化及无障碍访问等维度，默认标记问题，需满足高标准方可批准。
审查前端动画或交互代码
评估运动效果的视觉与性能质量
npx skills add AstraFoundry/Arion --skill review-animations -g -y
提供 Swift 6+ 现代开发规范，涵盖值类型建模、并发安全、协议泛型及性能优化。适用于编写、审查或迁移 Swift 代码，以及修复数据竞争、死锁和内存泄漏等问题。
编写 Swift 代码
审查 Swift 代码
迁移 Swift 项目
修复数据竞争或死锁
解决内存泄漏或性能问题
npx skills add AstraFoundry/Arion --skill write-swift -g -y
生成高精度交互式等轴测 SVG 技术图解，支持物理模拟、动画及 WebGL 特效。适用于文档、博客及落地页的复杂系统可视化，也可导出为 PDF 或发布至社区画廊。
需要制作交互式技术图解或说明性插图
要求展示系统、算法或组件工作原理的可视化
需求包含复杂的机械结构、物理运动模拟或光影效果
需要将技术概念转化为类似 Linear 风格的精美绘图
npx skills add AstraFoundry/Arion --skill anatomy -g -y
用于在 Expo/React Native 应用中构建高性能动画的 Skill，涵盖 Reanimated、手势处理及触感反馈。指导决策动画时机、线程分配及参数配置，确保在低端设备上流畅运行，解决卡顿和性能问题。
需要为 Expo 应用添加屏幕过渡或组件动画
实现复杂的手势交互或拖拽效果
修复移动端动画卡顿或掉帧问题
集成 haptics 或压感反馈
npx skills add AstraFoundry/Arion --skill animate-expo -g -y
检测并移除网页项目中由AI生成的通用视觉和文案风格，如过度渐变、默认字体及模板化UI元素。通过扫描代码库识别信号，人工筛选后提供修复建议，使设计回归自然简洁。
用户要求去除AI生成外观
清理模板化落地页或UI
请求de-slop或kill AI slop
npx skills add AstraFoundry/Arion --skill kill-ai-slop -g -y
提供UI组件打磨、动画及视觉细节的设计工程原则，辅助前端代码审查与实现。
UI polish
make it feel better
feels off
stagger animations
border radius
optical alignment
font smoothing
box shadows
icons
npx skills add AstraFoundry/Arion --skill make-interfaces-feel-better -g -y
