Repolode
提交项目
emilkowalski

emilkowalski/skills

一组面向 AI 编程助手的技能包，把动效与 UI 设计的专业经验编码成可执行的规则。

在 GitHub 查看官网
Star
47,495
Fork
2,737
未关闭 Issue
4
最近提交
9天前

这是什么？

这是一组可安装的 Agent 技能，面向构建用户界面的设计师与工程师。每个技能是一个 SKILL.md 文件，为 AI 编程助手提供具体指引，例如入场动画该选哪种缓动曲线、何时用半透明阴影代替实线边框，以及如何避免动画掉帧。

技能覆盖多个方向：动效设计与审查（animate、review-animations、animation-performance、animation-vocabulary）、React Native 与 Expo 动效、Apple 风格的界面原则、Swift 编码规范、UI 组件库选型、多版本原型，以及移动端网页细节与最坏情况数据测试。另外还包含 Sonner 通知组件库的配置与排错技能。

通过 npx skills 命令一行即可安装。这些技能出自同一位作者，体现其个人的设计主张，适合希望让智能体遵循特定设计标准的团队。

核心功能

  • 01动效指导，涵盖缓动曲线、时长以及该动画哪些属性。
  • 02审查与审计技能，扫描代码库中的动效问题并给出按优先级排序的修复方案。
  • 03性能技能，专门解决动画掉帧问题。
  • 04React Native 与 Expo 技能，涵盖手势、底部面板、触觉反馈和屏幕转场。
  • 05Swift 技能，涵盖值类型、Swift 6 并发和 Swift Testing。
  • 06通过一条 npx 命令即可安装。

适用场景

  • 让 AI 编程助手在 React 或 Web 界面中添加或审查动画。
  • 审计现有应用的动效问题，并获得按优先级排列的修复计划。
  • 开发带有精致手势和转场的 React Native 或 Expo 应用。
  • 发布前用超长名称、空列表等异常数据测试界面。

快速上手

  1. 1

    将技能安装到你的智能体中

    npx skills@latest add emilkowalski/skills

使用前须知

  • 这些技能是给 AI 编程助手的指导内容，而不是独立运行的应用程序。
  • 部分技能针对特定技术栈，例如 React Native/Expo、Swift 或 Sonner，只有在你使用这些工具时才有帮助。

标签

#ai-agents#animation#ui-design#frontend#react-native#swift#css#prompt-engineering

常见问题

skills 是什么？
一组面向 AI 编程助手的技能包，把动效与 UI 设计的专业经验编码成可执行的规则。 这是一组可安装的 Agent 技能，面向构建用户界面的设计师与工程师。每个技能是一个 SKILL.md 文件，为 AI 编程助手提供具体指引，例如入场动画该选哪种缓动曲线、何时用半透明阴影代替实线边框，以及如何避免动画掉帧。
skills 可以免费使用吗？用的什么许可证？
skills 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
skills 还在维护吗？
活跃维护中。skills 最近一次提交是在 2026年10月11日。
skills 适合用来做什么？
让 AI 编程助手在 React 或 Web 界面中添加或审查动画。 审计现有应用的动效问题，并获得按优先级排列的修复计划。 开发带有精致手势和转场的 React Native 或 Expo 应用。 发布前用超长名称、空列表等异常数据测试界面。
skills 怎么安装和运行？
将技能安装到你的智能体中: npx skills@latest add emilkowalski/skills
在哪里获取 skills？
源代码和安装说明在 GitHub 上：https://github.com/emilkowalski/skills

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目