Фронтенд и UI
UI-UX Pro Max · Slides
Собирает HTML-презентации с Chart.js и паттернами раскладки.
Что это
Небольшой маршрутизирующий скилл для стратегических HTML-презентаций. Он разбирает подкоманду, а затем подгружает референсные файлы с паттернами раскладки, HTML-шаблоном, формулами копирайтинга и стратегиями слайдов.
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
Почему это важно для дизайна
- Слайды сделаны на HTML, поэтому шрифт и отступы следуют настоящим дизайн-токенам.
- Chart.js обслуживает слайды с данными, поэтому числа остаются живыми, а не вставленными картинками.
- Паттерны раскладки выбираются из набора, что держит презентацию визуально согласованной.
Что внутри
- When to use
- Subcommands
- References
- Routing
Как установить
UI-UX Pro Max · Slides
-
Клонируйте репозиторий.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Укажите Codex на файл скилла.
cli/assets/skills/slides/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Вызовите его с подкомандой create, темой и числом слайдов.
-
Он загружает references/create.md и следует этому процессу создания.
-
Он берёт паттерны раскладки и формулы копирайтинга из референсных файлов.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке codex-design ↗Другие дизайн-плагины для Codex
Фронтенд и UI Что он делает gpt-taste Собирает премиальные лендинги в духе award-сайтов: GSAP-анимация скролла и плотные бенто-сетки без пустот. 
Дизайн-системы Что он делает Stitch Design Taste Пишет DESIGN.md, который уводит Google Stitch от шаблонных экранов. 
Фронтенд и UI Что он делает image-to-code Сначала генерирует изображения дизайна, разбирает их, а затем собирает соответствующий фронтенд-код. 
Фронтенд и UI Что он делает imagegen-frontend-mobile Генерирует премиальные флоу экранов мобильного приложения как изображения, а не код. Следующий шаг
Проектируйте с Open Design без возни с настройкой
Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.