Фронтенд и 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
Из исходного SKILL.md

Почему это важно для дизайна

  • Одна рекомендация на задачу, поэтому нет меню вариантов, о которых можно спорить.
  • Сначала проверяет package.json, поэтому переиспользует то, что в проекте уже есть.
  • Ловит самодельные дропдауны и тосты и заменяет их доступными примитивами.

Что внутри

  • How to use this
  • UI components and primitives
  • Motion and visuals
  • Charts
  • State and styling
  • Common mismatches to catch

Как установить

pick-ui-library

  1. Клонируйте репозиторий.

    git clone https://github.com/emilkowalski/skills
  2. Укажите Codex на файл скилла.

    skills/pick-ui-library/SKILL.md
  3. Дальше опишите нужный интерфейс. Codex следует скиллу.

Как запустить с Codex

  1. Вызывайте его явно: сам по себе он никогда не срабатывает.

  2. Называйте задачу, а не имя библиотеки, например «нужны тосты».

  3. Он называет одну библиотеку, объясняет её применение, а затем подключает её.

Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.

Больше плагинов в списке codex-design ↗

Следующий шаг

Проектируйте с Open Design без возни с настройкой

Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.