skills

命令行工具

emilkowalski/skills

供设计工程师使用的技能集合,用于构建更好的用户界面。

项目简介

精心整理的技能集,专注动画、设计原则与UI最佳实践。通过CLI添加,帮助代理与开发者做出更优设计决策,涵盖动画技巧与设计系统参考。

README 预览

\n\n\n\n# Skills For Design Engineers\n\n[](https://skills.sh/emilkowalski/skills)\n\nFor designers and engineers to help them build better user interfaces.\n\nKnowing whether you made a right choice when it comes to animations, or design in general, is hard. These skills aim to help you get to those right decisions faster.\n\nThey are based on my years of experience working at companies like Vercel and Linear.\n\nAll the skills here are a side-effect of domain-expertise. AI doesn’t replace such expertise, it amplifies what you can get out of it and makes you way better relative to others.\n\nSo learn to code, design, or develop expertise in any other field. It’s extremely valuable.\n\nYou can stay up to date with my skills here:\n\n[Sign Up To The Newsletter](https://animations.dev/skills)\n\n## Install\n\n```bash\nnpx skills@latest add emilkowalski/skills\n```\n\n## Why use it?\n\nAgents don’t have great taste\n\nI have seen plenty of times that agents don’t pick the right ingredients for an animation. An `ease-in` easing for an enter animation when it’s supposed to be `ease-out` ([here’s why](https://emilkowal.ski/ui/7-practical-animation-tips#4.-choose-the-right-easing)). Or they choose a solid border instead of a semi-transparent shadow for your UIs.\n\nAll these small things compound and make your interface either amazing, or just... not that great.\n\nAs explained in [Agents with Taste](https://emilkowal.ski/ui/agents-with-taste), these skills list all the little mistakes agents can potentially make and explain how to fix them.\n\nThis is your shortcut to great interfaces. A shortcut to stand out in a sea of slop.\n\n## Reference\n\n- **[emil-design-eng](./skills/emil-design-eng/SKILL.md)** — The main skill that consists of mostly animation, but also some design advice.\n- **[review-animations](./skills/review-animations/SKILL.md)** — Review your animations in a strict way, based on my rules.\n- **[improve-animations](./skills/improve-animations/SKILL.md)** —

常见问题 (1)

故障排除
为什么以 Markdown 为主的仓库在 GitHub 上不显示语言?

GitHub Linguist 默认不会在语言栏中显示 Markdown。请在仓库根目录中创建或编辑 .gitattributes 文件,并添加:

*.md linguist-detectable

提交并推送该更改。之后 GitHub 将检测到 Markdown,并将其计入仓库的语言分类和侧边栏中。这会改变仓库的公开语言统计数据。

来源 Issue #20