Фронтенд и UI Что он делает gpt-taste Собирает премиальные лендинги в духе award-сайтов: GSAP-анимация скролла и плотные бенто-сетки без пустот. Кураторская подборка
Дизайн-плагины, с которыми Codex выдаёт настоящий UI
OpenAI Codex пишет рабочий код. Без присмотра он скатывается к безопасным шрифтам, среднему ритму отступов и Helvetica по центру. Вкус ему дают эти плагины: скиллы для эстетики и правила дизайн-систем. Поставьте один или запустите все внутри Open Design.
Фронтенд и UI Что он делает gpt-taste Собирает премиальные лендинги в духе award-сайтов: GSAP-анимация скролла и плотные бенто-сетки без пустот. 
Дизайн-системы Что он делает Stitch Design Taste Пишет DESIGN.md, который уводит Google Stitch от шаблонных экранов. 
Фронтенд и UI Что он делает image-to-code Сначала генерирует изображения дизайна, разбирает их, а затем собирает соответствующий фронтенд-код. 
Фронтенд и UI Что он делает imagegen-frontend-mobile Генерирует премиальные флоу экранов мобильного приложения как изображения, а не код. 
Фронтенд и UI Что он делает imagegen-frontend-web Генерирует по одному горизонтальному референсному изображению на каждую секцию лендинга. 
Фронтенд и UI Что он делает minimalist-ui Собирает тёплые монохромные редакционные интерфейсы с плоскими бенто-сетками. 
Фронтенд и UI Что он делает design-taste-frontend Читает бриф, выбирает направление и выдаёт интерфейсы без ощущения шаблона. 
Дизайн-системы Что он делает industrial-brutalist-ui Собирает строгие интерфейсы в духе швейцарской печати или ЭЛТ-терминала с аналоговым зерном. 
Фронтенд и UI Что он делает redesign-existing-projects Проводит аудит существующего сайта и улучшает его, не ломая функциональность. 
Дизайн-системы Что он делает brandkit Генерирует борды брендбука, системы логотипа и презентации айдентики как изображения. 
Фронтенд и UI Что он делает high-end-visual-design Блокирует типовые ИИ-дефолты и навязывает раскладку и движение уровня агентства. 
Фронтенд и UI Что он делает pick-ui-library Подбирает под фронтенд-задачу одну выверенную библиотеку с чётким мнением. 
Фронтенд и UI Что он делает apple-design Принципы плавных интерфейсов Apple, переложенные на веб-пружины и жесты. 
Фронтенд и UI Что он делает animation-vocabulary Превращает расплывчатое описание движения в точный технический термин. 
Фронтенд и UI Что он делает emil-design-eng Правила Эмиля Ковальски по таймингу анимации, изингу и полировке компонентов. 
Дизайн-системы Что он делает UI-UX Pro Max · Design Одна точка входа, которая маршрутизирует работу над логотипом, айдентикой, слайдами, баннерами и иконками. 
Фронтенд и UI Что он делает UI-UX Pro Max · Banner Design Проектирует баннеры нужного размера в HTML, а затем экспортирует их в PNG. 
Фронтенд и UI Что он делает UI-UX Pro Max · UI Styling Собирает доступные интерфейсы из компонентов shadcn и утилит Tailwind. 
Дизайн-системы Что он делает UI-UX Pro Max · Brand Держит брендбук, дизайн-токены и ассеты в синхроне. 
Фронтенд и UI Что он делает UI-UX Pro Max · Slides Собирает HTML-презентации с Chart.js и паттернами раскладки. 
Дизайн-системы Что он делает UI-UX Pro Max · Design System Трёхслойные дизайн-токены, спецификации компонентов и генерация слайдов по токенам. 
Фронтенд и UI Что он делает design-skills · Editorial Журнальная вёрстка на серифе Gelasio по строгой 8pt-сетке. 
Фронтенд и UI Что он делает design-skills · Terracotta Глиняный акцент на кремовом, заголовки DM Serif Display, чтение лонгридов. 
Фронтенд и UI Что он делает design-skills · Dithered Затенение точечным паттерном и ограниченная палитра для ретро-экранов с высоким контрастом. 
Фронтенд и UI Что он делает design-skills · Neumorphism Мягко выдавленные поверхности каменно-серого тона со шрифтом Space Mono. 
Фронтенд и UI Что он делает design-skills · Bento Сетка из разнокалиберных блоков на кремовом, шрифт Inter, компактная шкала. 
Фронтенд и UI Что он делает design-skills · Claymorphism Пухлые скруглённые 3D-формы, заголовки Poppins, синее на белом. 
Фронтенд и UI Что он делает design-skills · Brutalism Раскладки в духе сырого бетона, заголовки Darker Grotesque, красный и охра. 
Фронтенд и UI Что он делает Hallmark Дизайн-процесс против «слопа» с 58 шлюзами и принудительным структурным разнообразием. 
Фронтенд и UI Что он делает Impeccable Две дюжины команд, чтобы собирать, критиковать и доводить фронтенд-интерфейсы. 
Дизайн-системы Что он делает Design DNA Извлекает референсный дизайн в структурированный JSON, а затем генерирует из него. 
Дизайн-системы Что он делает Material 3 Реализует Material Design 3 от Google в Compose, Flutter и вебе. 
Фронтенд и UI Что он делает Details that make interfaces feel better Шестнадцать конкретных правил полировки UI с чек-листом ревью. 
Фронтенд и UI Что он делает Agent-Native Plans Превращает текстовые планы в удобные для ревью документы с вайрфреймами и прототипами. 
Дизайн-системы Что он делает Kami Верстает резюме, white papers, презентации и лендинги на одном языке дизайна. 
Фронтенд и UI Что он делает Border Gradients Добавляет выверенный градиентный край карточкам, модалкам и герой-поверхностям. 
Фронтенд и UI Что он делает Masked Reveal Раскрывает заголовки слово за словом через overflow-маску при скролле. 
Фронтенд и UI Что он делает Framed Grid Layout Собирает точные редакционные раскладки с тонкими рамками и угловыми скобками. 
Фронтенд и UI Что он делает Container Lines Рисует тихие вертикальные направляющие по краям вашего контейнера контента. 
Фронтенд и UI Что он делает Skeuomorphic UI Придаёт кнопкам и панелям тактильную глубину слоёными градиентами и тенями. 
Дизайн-системы Что он делает Beautiful Shadows Три готовые Tailwind-утилиты теней для нейтральной слоёной высоты. 
Фронтенд и UI Что он делает Dither Background Canvas-фон с видимым дизерингом 4x4 по Байеру и квадратными пикселями. 
Фронтенд и UI Что он делает WebGL Laser Полноэкранный шейдерный луч с добела раскалённым ядром и дымкой в цвет бренда. 
Дизайн-системы Что он делает Mesh Gradient Dark Blue Clean Почти чёрная тёмно-синяя система с mesh-полем внутри герой-оболочки. 
Фронтенд и UI Что он делает Cinematic Scroll Storytelling Рецепты на Lenis и GSAP ScrollTrigger для лендингов, управляемых скроллом. 
Дизайн-системы Что он делает Agency Grid Layout Minimal Редакционная многоколоночная сетка с огромными заголовками и крошечными подписями капсом. 
Дизайн-системы Что он делает Glass Dark Mode Clock Тёмные матовые поверхности, выстроенные вокруг круглого калибровочного циферблата. 
Фронтенд и UI Что он делает WebGL 3D Object Освещённый герой-меш на Three.js с PBR-материалом и настоящими тенями. 
Фронтенд и UI Что он делает GSAP Skills Официальный набор анимаций GSAP, от базовых твинов до ScrollTrigger и React. 
Фронтенд и UI Что он делает Animation Review Находит, улучшает и ревьюит движение по планке мастерства сеньора. Следующий шаг
Пропустите настройку. Проектируйте с Codex внутри Open Design
Open Design разворачивается вокруг Codex: это открытая agent-native рабочая среда для дизайна. Она держит ваши системы, скиллы и шаблоны согласованными, чтобы агент выдавал работу, которая принадлежит вам.