Фронтенд и UI

high-end-visual-design

Блокирует типовые ИИ-дефолты и навязывает раскладку и движение уровня агентства.

Что это

Скилл-директива, который запрещает частые ИИ-дефолты в дизайне, а затем заставляет агента выбрать один архетип настроения и один архетип раскладки прежде, чем писать UI-код.

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look che
Из исходного SKILL.md

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

  • Inter, Roboto и толстые иконки Lucide запрещены, поэтому результат перестаёт выглядеть шаблонно.
  • Карточки получают вложенную структуру: внешнюю оболочку и внутреннее ядро, что даёт контейнерам настоящую механическую глубину.
  • Отступы секций начинаются с py-24, поэтому раскладка дышит, а не толпится.

Что внутри

  • Absolute zero directive
  • Creative variance engine
  • Haptic micro-aesthetics
  • Motion choreography
  • Performance guardrails
  • Pre-output checklist

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

high-end-visual-design

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

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

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

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

  1. Попросите у Codex страницу: он сначала молча прокручивает движок разнообразия.

  2. Он выстраивает фоновую текстуру и шкалу шрифтов, а затем собирает контейнеры с двойной фаской.

  3. Он внедряет движение на кастомном cubic-bezier, а затем прогоняет чек-лист перед выдачей.

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

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

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

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

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