Repolode
emilkowalski

emilkowalski/skills

Коллекция навыков для AI-ассистентов, помогающих с анимацией, дизайном интерфейсов и фронтенд-разработкой на основе опыта автора в Vercel и Linear.

Звёзды
47,495
Форки
2,737
Открытые issues
4
Последний коммит
9 дней назад

Что это?

В репозитории собраны устанавливаемые навыки для дизайнеров и разработчиков, создающих пользовательские интерфейсы. Каждый навык — это файл SKILL.md с конкретными рекомендациями для AI-агента: например, какую кривую easing выбрать для анимации появления, когда полупрозрачная тень лучше сплошной рамки и как избежать пропуска кадров в анимации.

Навыки охватывают несколько областей: проектирование и проверку анимаций (animate, review-animations, animation-performance, animation-vocabulary), анимации в React Native и Expo, принципы дизайна интерфейсов в стиле Apple, рекомендации по Swift, выбор UI-библиотек, создание прототипов нескольких вариантов интерфейса, доведение мобильной веб-версии до идеала и стресс-тестирование интерфейсов на сложных данных. Для Sonner, библиотеки компонентов toast-уведомлений, также есть отдельный навык по настройке и устранению неполадок.

Установка выполняется одной командой через CLI npx skills. Навыки созданы одним автором и отражают его личные взгляды на дизайн, поэтому они подойдут командам, которым нужно, чтобы агент следовал конкретным, достаточно строгим правилам.

Ключевые возможности

  • 01Рекомендации по анимации: easing, длительность и свойства, которые стоит анимировать.
  • 02Навыки для проверки и аудита, которые анализируют кодовую базу на проблемы с анимацией и предлагают приоритетный план исправлений.
  • 03Навык по производительности, посвящённый устранению пропуска кадров в анимациях.
  • 04Навык для React Native и Expo: жесты, панели, тактильная отдача и переходы между экранами.
  • 05Навык по Swift: типы-значения, конкурентность в Swift 6 и Swift Testing.
  • 06Установка одной командой npx.

Сценарии использования

  • Поручить AI-агенту добавить анимацию в интерфейс на React или в веб-интерфейс либо проверить существующую.
  • Проверить готовое приложение на ошибки в анимации и получить приоритетный план исправлений.
  • Создать приложение на React Native или Expo с тщательно проработанными жестами и переходами.
  • Проверить интерфейс на сложных данных перед релизом: длинных именах, пустых списках и необычных значениях.

Быстрый старт

  1. 1

    Установите навыки в своего агента

    npx skills@latest add emilkowalski/skills

Что важно знать

  • Навыки — это рекомендации для ИИ-ассистентов по написанию кода, а не самостоятельное приложение.
  • Некоторые навыки предназначены для конкретных стеков, таких как React Native/Expo, Swift или Sonner, поэтому они будут полезны, только если вы используете эти инструменты.

Темы

Частые вопросы

Что такое skills?
Коллекция навыков для AI-ассистентов, помогающих с анимацией, дизайном интерфейсов и фронтенд-разработкой на основе опыта автора в Vercel и Linear. В репозитории собраны устанавливаемые навыки для дизайнеров и разработчиков, создающих пользовательские интерфейсы. Каждый навык — это файл SKILL.md с конкретными рекомендациями для AI-агента: например, какую кривую easing выбрать для анимации появления, когда полупрозрачная тень лучше сплошной рамки и как избежать пропуска кадров в анимации.
skills можно использовать бесплатно? Какая у него лицензия?
skills распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
skills всё ещё поддерживается?
Активно поддерживается. Последний коммит в skills — 11 окт. 2026 г..
Для чего можно использовать skills?
Поручить AI-агенту добавить анимацию в интерфейс на React или в веб-интерфейс либо проверить существующую. Проверить готовое приложение на ошибки в анимации и получить приоритетный план исправлений. Создать приложение на React Native или Expo с тщательно проработанными жестами и переходами. Проверить интерфейс на сложных данных перед релизом: длинных именах, пустых списках и необычных значениях.
Как установить skills?
Установите навыки в своего агента: npx skills@latest add emilkowalski/skills
Где скачать skills?
Исходный код и инструкции по установке — на GitHub: https://github.com/emilkowalski/skills

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.

99,1 тыс.6,7 тыс.JavaScriptMITОбновлён вчера