← ClaudeAtlas

web-publishlisted

Фронтенд и публикация страниц: UI-стек (ui-ux-pro-max, MCP magic, framer-motion) и публикация демо-витрин в VibeEngineering-LLC/demo-web-pages через GitHub Pages. Триггеры: «сделай страницу/лендинг/дашборд», «свёрстай интерфейс», «опубликуй демо», «выложи витрину», «нужен React-компонент». Вынесено из CLAUDE.md §26/§29.
VibeEngineering-LLC/agent-ops-doctrine · ★ 0 · Web & Frontend · score 72
Install: claude install-skill VibeEngineering-LLC/agent-ops-doctrine
# web-publish — фронтенд-стек и публикация демо-страниц Два правила оператора. Раньше — §26 и §29 глобального `CLAUDE.md`, перенесены дословно: нужны только при фронтенд-работе и публикации, а не в каждой сессии. ## 1. UI/React-инструментарий — дефолты для генерации фронтенда (§26, НАВСЕГДА, 2026-06-30) **ИМПЕРАТИВ:** любая фронтенд-работа (React/Next/Vue/Svelte) идёт по фиксированному стеку, не выбирать каждый раз заново (обоснованное отклонение допустимо — зафиксировать причину): - **Design knowledge** (стили/палитры/шрифты/UX-гайды/типы графиков) → скилл `ui-ux-pro-max-skill` (vendored, 7 sub-skills). - **Готовый React-код по описанию** (`/ui …`) → MCP `magic` (`@21st-dev/magic`). **2026-07-11 (#SYS-2): из user-scope удалён** (плодил экземпляр в каждой сессии, пик 28 шт/~2 ГБ) — подключать точечно `-s project` в UI-проектах; restore: `C:\Users\<you>\.claude\magic-mcp-restore.txt`. - **Анимации** → `framer-motion` (npm MIT, `motion/react`; новые проекты `motion` после v11-ребренда). Фазы: Design → Generate (`magic`) → Animate (`framer-motion`) → Polish (accessibility/bundle/SSR). Карв-ауты, таблица «где живёт», provenance: `C:\Users\<you>\.claude\references\ui-react-toolkit.md`. ## 2. Публикация демо-страниц — дефолтный метод (§29, НАВСЕГДА, 2026-07-10) **Зафиксировано оператором 2026-07-10:** «запомни этот метод для демостраниц. используй по умолчанию». **ИМПЕРАТИВ:** любую самодостаточную демо/витрину (дизайн-макет, отчёт-эксперимент, интерактив) публикую дефолтом