Дизайн-системы
Mesh Gradient Dark Blue Clean
Почти чёрная тёмно-синяя система с mesh-полем внутри герой-оболочки.
Что это
Тёмно-синее направление с CSS-токенами цвета, герой-оболочкой с градиентной рамкой, canvas mesh-полем, стеклянной навигационной пилюлей, парящими узлами, рельсами и парными CTA.
Create a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed sections, CTAs, and motion. Use when the interface needs a near-black
Почему это важно для дизайна
- Mesh сидит внутри герой-оболочки, поэтому он ведёт композицию, а не украшает её.
- Именованные токены фиксируют значения фона, оболочки, линий, текста и акцента по всей странице.
- Рельсы, угловые квадраты и узловые пилюли придают минималистичной оболочке техническую структуру.
Что внутри
- System recipe
- Color tokens
- Hero shell
- Canvas mesh field
- Nodes and rails
- Motion defaults
Как установить
Mesh Gradient Dark Blue Clean
-
Клонируйте репозиторий.
git clone https://github.com/MengTo/Skills -
Укажите Codex на файл скилла.
agent-skills/web-design/mesh-gradient-dark-blue-clean/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Вставьте блок токенов, затем соберите основу страницы и герой-оболочку.
-
Добавьте mesh-canvas внутрь оболочки, за её содержимое.
-
Расставьте несколько узлов, рельсов и маркеров, а циклы дрейфа держите медленными.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке 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. Свой ключ, свой результат.