mirror of
https://github.com/emilkowalski/skills.git
synced 2026-07-24 12:44:08 +08:00
Emil
40 lines
1.9 KiB
Markdown
40 lines
1.9 KiB
Markdown
# Skills For Design Engineers
|
||
|
||
[](https://skills.sh/emilkowalski/skills)
|
||
|
||
For designers and engineers to help them build better user interfaces.
|
||
|
||
Knowing 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.
|
||
|
||
They are based on my years of experience working at companies like Vercel and Linear.
|
||
|
||
If you want to dive even deeper into design engineering and how AI can help, you can checkout my animation course:
|
||
|
||
[Check out animations.dev](http://animations.dev/)
|
||
|
||
## Install
|
||
|
||
```bash
|
||
npx skills@latest add emilkowalski/skills
|
||
```
|
||
|
||
## Why use it?
|
||
|
||
Agents don’t have great taste
|
||
|
||
I 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.
|
||
|
||
All these little things compound and make your interface either amazing, or just... not that great.
|
||
|
||
As 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.
|
||
|
||
This is your shortcut to great interfaces. A shortcut to stand out in a sea of slop.
|
||
|
||
|
||
## Reference
|
||
|
||
- **[emil-design-eng](./skills/emil-design-eng/SKILL.md)** — The main skill that consinsts of mostly animation, but also some design advice.
|
||
- **[review-animations](./skills/review-animations/SKILL.md)** — Review your animations in a strict way, based on my rules.
|
||
- **[apple-design](./skills/apple-design/SKILL.md)** — Apple's principles for fluid, physical interfaces, distilled from their WWDC design talks and translated for the web.
|
||
- More coming very soon.
|