Фронтенд и UI
redesign-existing-projects
Проводит аудит существующего сайта и улучшает его, не ломая функциональность.
Что это
Процесс сканирования, диагностики и исправления для существующих проектов. Проверяет типографику, цвет, раскладку, состояния, контент, иконки и качество кода, а затем вносит точечные улучшения внутри текущего стека.
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla
Почему это важно для дизайна
- Фиолетово-синие «ИИ-градиенты» и три одинаковых ряда карточек заменяются на продуманные альтернативы.
- Кнопки в группах карточек выравниваются по единой нижней линии независимо от разного объёма контента.
- Недостающие состояния hover, focus, загрузки, пустого экрана и ошибки достраиваются.
Что внутри
- How this works
- Design audit
- Upgrade techniques
- Fix priority
- Rules
Как установить
redesign-existing-projects
-
Клонируйте репозиторий.
git clone https://github.com/Leonxlnx/taste-skill -
Укажите Codex на файл скилла.
skills/redesign-skill/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Сначала он сканирует кодовую базу, чтобы определить фреймворк и способ стилизации.
-
Он перечисляет каждый шаблонный паттерн и слабое место прежде, чем что-либо менять.
-
Исправления вносятся по приоритету: шрифты, цвет, состояния, раскладка, компоненты, финальная полировка типографики.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке 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. Свой ключ, свой результат.