Фронтенд и UI
pick-ui-library
Подбирает под фронтенд-задачу одну выверенную библиотеку с чётким мнением.
Что это
Справочный скилл, который вызывают явно. Он сопоставляет заявленную задачу с единственной рекомендованной библиотекой из выверенной таблицы, охватывающей примитивы, движение, графики, виртуализацию, состояние и стилизацию.
Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly i
Почему это важно для дизайна
- Одна рекомендация на задачу, поэтому нет меню вариантов, о которых можно спорить.
- Сначала проверяет package.json, поэтому переиспользует то, что в проекте уже есть.
- Ловит самодельные дропдауны и тосты и заменяет их доступными примитивами.
Что внутри
- How to use this
- UI components and primitives
- Motion and visuals
- Charts
- State and styling
- Common mismatches to catch
Как установить
pick-ui-library
-
Клонируйте репозиторий.
git clone https://github.com/emilkowalski/skills -
Укажите Codex на файл скилла.
skills/pick-ui-library/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Вызывайте его явно: сам по себе он никогда не срабатывает.
-
Называйте задачу, а не имя библиотеки, например «нужны тосты».
-
Он называет одну библиотеку, объясняет её применение, а затем подключает её.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке codex-design ↗Следующий шаг
Проектируйте с Open Design без возни с настройкой
Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.