Фронтенд и UI
minimalist-ui
Собирает тёплые монохромные редакционные интерфейсы с плоскими бенто-сетками.
Что это
Фронтенд-протокол для минималистичных интерфейсов в духе документа. Фиксирует тёплую монохромную палитру, типографическую иерархию из серифа и моношрифта, бенто-карточки с рамкой 1px и приглушённые пастельные акценты.
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
Почему это важно для дизайна
- Каждая карточка и разделитель используют одну рамку 1px светло-серого цвета с чётким радиусом.
- Акценты берутся только из четырёх приглушённых пастельных цветов, зарезервированных под теги и инлайн-код.
- Глубину секциям даёт полупрозрачное изображение, а не плоский пустой фон.
Что внутри
- Absolute negative constraints
- Typographic architecture
- Color palette
- Component specifications
- Iconography and imagery directives
- Subtle motion and micro-animations
Как установить
minimalist-ui
-
Клонируйте репозиторий.
git clone https://github.com/Leonxlnx/taste-skill -
Укажите Codex на файл скилла.
skills/minimalist-skill/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Попросите страницу: скилл сначала задаст крупные отступы, py-24 или py-32.
-
Он ограничивает ширину текста до max-w-4xl и сразу применяет монохромные переменные.
-
Появление при скролле идёт через IntersectionObserver и затрагивает только transform и opacity.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке 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. Свой ключ, свой результат.