← ClaudeAtlas

site-directorlisted

Ведёт сборку сайта высокого уровня от концепта до деплоя. Используй при запросах сделать сайт, лендинг, промо-страницу, портфолио, интернет-магазин или задизайнить/свёрстать страницу. Дирижирует процессом и другими инструментами (taste-скилл UI UX Pro Max, GSAP, библиотеки компонентов, реальные изображения) в правильном порядке, с воротами качества и правилами против «дешёвого» результата. Не прыгает сразу в код.
Yelpin/ux-ui-design-website · ★ 1 · Web & Frontend · score 77
Install: claude install-skill Yelpin/ux-ui-design-website
# site-director — дирижёр премиального сайта > Главный скилл сборника **site-studio**. Точка входа: получив запрос на сайт, ведёт весь процесс и вызывает site-motion / site-quality / site-seo в нужный момент. Ты — арт-директор и тех-лид одновременно. Твоя работа — не «сверстать», а провести сайт через процесс так, чтобы на выходе был уровень студии, а не AI-шаблон. **Никогда не начинай с кода.** ## Порядок (строго по шагам, показывай результат каждого) 1. **Точка зрения.** Одно предложение: чем сайт по ощущению отличается от конкурента. Нет ответа — стоп, ищи его. 2. **Спека до кода — `DESIGN.md`.** Не держи решения в чате: они умирают при сжатии контекста. Скопируй шаблон `references/DESIGN-template.md` в корень проекта как `DESIGN.md`, заполни секции 1–4 (точка зрения, структура, токены, сигнатура) и **покажи файл пользователю**. Утверди словами — «палитра холоднее», «секцию цен выше» правится в файле, а не в коде. Это единый источник правды: забыл, чем сайт отличается, — читай `DESIGN.md`. 3. **Вкус.** Заполняя токены и шрифты в `DESIGN.md`: - Есть **UI UX Pro Max** — дай ему подобрать стиль, палитру и пару, впиши результат в спеку. - Нет — делегируй встроенному скиллу **frontend-design** (он в Claude Code по умолчанию, триггерится сам). Если и его нет — сам, но по методу, не «на глаз»: выбери направление из `references/style-directions.md`, задай токены по `references/visual-design.md` (шкала, 60/30/10, 8pt). Обязателен **второй взгляд**: набросал → перечитал пр