skills README

The project's README from github.com/emilkowalski/skills. As one markdown file: README.md.

opengraph-image-pwu6ef

Skills For Designers and Engineers

skills.sh

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 can stay up to date with my skills here:

Sign Up To The Newsletter

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 for your UIs.

All these small 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

skills (emilkowalski/skills)

Searching Database…

47K ·GitHub
Что это такое?Набор навыков для ИИ-агентов, созданный для дизайнеров и разработчиков. Он учит ИИ-агентов для написания кода принимать взвешенные решения по анимации и дизайну интерфейсов, опираясь на опыт автора в Vercel и Linear.
Это один инструмент или набор отдельных навыков?Это набор отдельных файлов навыков (например, animate, review-animations, apple-design, ask-sonner), которые ИИ-агент читает и применяет к конкретным задачам. Это не одно монолитное приложение.
Как мне установить эти навыки?В README есть раздел Install, но в приведённом тексте точная команда не расписана. На практике нужно добавить нужную папку навыка (например, 'animate' или 'write-swift') в папку skills вашего ИИ-агента.
Гарантирует ли использование этих навыков лучший результат сам по себе?Нет. Это справочные рекомендации, которые агент должен действительно прочитать и выполнить (например, выбрать ease-out вместо ease-in для анимации появления). Автор прямо говорит, что ИИ усиливает экспертизу, а не заменяет её.
Для кого это предназначено?Для дизайнеров и разработчиков, которые работают с ИИ-агентами для написания кода и хотят, чтобы те принимали более обоснованные решения по анимации и деталям интерфейса, опираясь на подходы, которые автор применял в Vercel и Linear.
Что делает навык review-animations?Он строго проверяет уже существующие в вашей кодовой базе анимации, сверяя их с правилами автора для easing, длительности и свойств.
Это покрывает и приложения на React Native?Да. animate-expo адаптирует те же правила анимации для React Native и Expo: жесты, выдвижные панели (sheets), тактильную обратную связь (haptics), переходы между экранами и вынос анимаций из JS-потока.
Для чего нужен ask-sonner?Это отдельный навык для работы с Sonner, библиотекой всплывающих уведомлений (тостов) автора. Он охватывает настройку, стилизацию, готовые рецепты и исправление типичных проблем.
С чего начать, если мне нужны лучшие анимации прямо сейчас?Навык emil-design-eng описан как основной и самый широкий: в основном он про анимацию, плюс немного общих советов по дизайну, так что это разумная отправная точка.
Size
0.1 MB
Stars
47K
Updated
CommitOct 11
Age
7mo
Commits · 90 Days