디자이너와 엔지니어가 더 나은 사용자 인터페이스를 구축하는 데 도움이됩니다.

애니메이션이나 디자인에 올 때 올바른 선택을 할지 알기 때문에, 어렵습니다. 이 기술은 당신이 그 권리를 결정하는 데 도움이됩니다.

Vercel 및 선형과 같은 회사에서 일하는 경험의 년을 기반으로합니다.

여기에 모든 기술은 도메인의 부작용입니다. AI는 이러한 전문성을 대체하지 않습니다, 그것은 당신이 그것을 얻을 수있는 것을 증폭하고 다른 사람에게 더 나은 상대를 만드는 것입니다.

그래서 코드, 디자인, 또는 다른 분야에서 전문성을 개발. 그것은 매우 가치입니다.

당신은 애니메이션 전문 지식을 구축 할 수 있습니다:

확인 애니메이션.dev

설치

왜 그것을 사용합니까?

에이전트는 좋은 맛이 없습니다.

나는 에이전트가 애니메이션에 적합한 재료를 선택하지 않는 시간을 많이 본다. ease-in] ease-out]가 될 때 입력 애니메이션에 대한 상승. 또는 그들은 반투명 그림자 대신 단단한 국경을 선택합니다.

모든이 작은 것들 화합물과 당신의 인터페이스를 굉장, 또는 그냥… 그 큰.

Skills For Design Engineers

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.

All 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.

So learn to code, design, or develop expertise in any other field. It’s extremely valuable.

You’ll build animation expertise here:

Check out animations.dev

Install

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). 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, 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 — The main skill that consinsts of mostly animation, but also some design advice.
• review-animations — Review your animations in a strict way, based on my rules.
• animation-vocabulary — Get better animations from an AI by telling it exactly what you want by using the right words.
• apple-design — Apple’s principles for interface design and fluid motion, distilled from their WWDC design talks and translated for the web.