Дизайн-системы

UI-UX Pro Max · Design

Одна точка входа, которая маршрутизирует работу над логотипом, айдентикой, слайдами, баннерами и иконками.

Что это

Единый дизайн-скилл, который направляет задачи в под-скиллы или встроенные модули. Встроенные покрывают генерацию логотипа, мокапы фирменного стиля, HTML-слайды, баннеры, фото для соцсетей и SVG-иконки через скрипты Gemini.

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 s
Из исходного SKILL.md

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

  • Логотип, мокапы айдентики и презентация выходят из одного описания бренда.
  • Иконки генерируются как SVG-текст, поэтому остаются редактируемыми, а не растровыми.
  • Правила баннеров требуют безопасные зоны, максимум два шрифта и один CTA.

Что внутри

  • Sub-skill routing
  • Logo design
  • CIP design
  • Slides
  • Banner design
  • Icon design

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

UI-UX Pro Max · Design

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

    git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
  2. Укажите Codex на файл скилла.

    cli/assets/skills/design/SKILL.md
  3. Дальше опишите нужный интерфейс. Codex следует скиллу.

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

  1. Сначала экспортируйте GEMINI_API_KEY и установите google-genai и pillow.

  2. Запустите scripts/logo/search.py ради дизайн-брифа, затем generate.py ради изображений.

  3. Передайте логотип в scripts/cip/generate.py, чтобы получить готовые мокапы.

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

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

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

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

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