Фронтенд и UI

design-taste-frontend

Читает бриф, выбирает направление и выдаёт интерфейсы без ощущения шаблона.

Что это

Фронтенд-скилл против «слопа» для лендингов, портфолио и редизайнов. Он формулирует прочтение дизайна, выставляет ручки разнообразия, движения и плотности, а затем прогоняет длинный предполётный чек-лист.

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, a
Из исходного SKILL.md

Почему это важно для дизайна

  • Энтерпрайз-брифы получают официальный пакет дизайн-системы вместо самодельного CSS-имитатора.
  • Предполётный чек-лист запрещает длинное тире, нумерацию секций в эйбраузе, подсказки скролла и дублирующие по смыслу CTA.
  • Повтор раскладок ограничен потолком, поэтому восемь секций используют не менее четырёх разных семейств вёрстки.

Что внутри

  • Brief inference
  • The three dials
  • Brief to design system map
  • Design engineering directives
  • AI tells
  • Final pre-flight check

Как установить

design-taste-frontend

  1. Клонируйте репозиторий.

    git clone https://github.com/Leonxlnx/taste-skill
  2. Укажите Codex на файл скилла.

    skills/taste-skill/SKILL.md
  3. Дальше опишите нужный интерфейс. Codex следует скиллу.

Как запустить с Codex

  1. Агент формулирует однострочное прочтение дизайна прежде, чем написать хоть одну строку кода.

  2. Он выставляет три ручки: разнообразие дизайна, интенсивность движения и визуальную плотность.

  3. Каждый пункт предполётного чек-листа должен быть выполнен, иначе страница не считается готовой.

Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.

Больше плагинов в списке codex-design ↗

Следующий шаг

Проектируйте с Open Design без возни с настройкой

Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.