Menu
Эстетическое направление, когда нет дизайн-системы. Типографика, цвет, ритм, плотность. Соседние: theme-factory (готовые темы для артефактов), deck-themes (стартовые темы слайдов); развилка — в design-orchestrator.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Research a company or person for sales intel — web search standalone, richer with enrichment tools or CRM connected. Trigger with "research [company]", "look up [person]", "intel on [prospect]", "who is [name] at [company]".
AI-музыка локально на your GPU (ACE-Step 1.5): инструменталы и песни, авто/кастомная лирика, модели base/xl-turbo; CLI scripts/generate.py. Триггеры: «напиши песню», jingle, soundtrack, background music. НЕ Suno (skill suno), не ElevenLabs Music.
OpenAI-совместимый HTTP-сервер поверх ЛОКАЛЬНОГО claude CLI (подписка Max, без API-ключа) — отдаёт Claude как /v1/chat/completions для n8n, OpenAI-SDK, IDE, curl, Open WebUI; SSE-стрим, X-Session-Id. НЕ: наружу к OpenAI/Perplexity/Runway→local-gateway; разовый вызов из Python→claude-cli-runner; боевые Hermes-боты→agent-builder tooling.
Prepare for a sales call — account context, attendee research, suggested agenda; richer with CRM, email, chat or transcripts connected. Trigger with "prep me for my call with [company]", "call prep [company]", "get me ready for [meeting]".
Создание визуальных карточек-каруселей для Telegram-канала — editorial стиль. HTML+CSS шаблон → Playwright render → PNG-серия 1080×1350. Библиотека шаблонов лежит в templates/ (read-only образцы); новая серия создаётся в рабочей директории (CWD). Вызывается сам или из tg-post. Триггеры — «карточки для канала», «карусель в канал», «сделай series», «нарисуй cover», «slides для поста».
Verify any fact, claim, number, statement, citation or AI-generated output for hallucinations — cross-check sources, validate research findings. Triggers: "/check-skill-solo", «проверь», «перепроверь», "verify", "fact-check".
| name | frontend-design |
| description | Эстетическое направление, когда нет дизайн-системы. Типографика, цвет, ритм, плотность. Соседние: theme-factory (готовые темы для артефактов), deck-themes (стартовые темы слайдов); развилка — в design-orchestrator. |
| when_to_use | Дизайн без бренда / без UI-кита. Когда нужно "просто сделай красиво". |
Без референса — без направления. Если у тебя нет ни бренда, ни Figma, ни скриншотов — выбери одно из направлений ниже до начала работы и держись его. Не миксуй три эстетики в одном артефакте.
#FAF9F6), тёплый чёрный текст (#111), один акцент через oklch(62% 0.14 25). Никаких насыщенностей выше 0.02 для «белых» и «чёрных».0 30px 80px rgba(0,0,0,.1). Не множь.4 / 8 / 12 / 16 / 24 / 32 / 48 / 80.Скажи это вслух пользователю в начале работы: «Использую дефолтную базу — Helvetica, off-white, тёплый акцент».
-0.01em letter-spacing на больших.tabular-nums).#fff.rgba(0,0,0,.06).#0a0a0a или #111.#e8e6e1 (тёплый off-white).#000) на чистом белом (#fff). Выглядит «компьютерно». Сдвинь оба на 5–10%.pretty в CSS — улучшает baseline бесплатно.Если нужно несколько акцентов одной интенсивности — варьируй только hue:
--accent-1: oklch(62% 0.14 25); /* теплый */
--accent-2: oklch(62% 0.14 145); /* зелёный */
--accent-3: oklch(62% 0.14 245); /* синий */
Все три «звучат» одинаково по громкости — мозг читает их как семейство.
| Тип проекта | Направление |
|---|---|
| Серьёзный B2B | дефолт или soft |
| Лендинг продукта для разработчиков | brutalist / utility или data |
| Питч стартапа | editorial или soft |
| Внутренний инструмент | data / dashboard |
| Маркетинг / лайфстайл | editorial или dark |
| Учебный материал | soft, без акцентов |
Прежняя расширенная версия скилла (дерево @2026-04-30) сохранена целиком в references/legacy-frontend-design.md. Секции там: Пресеты, Как использовать, Не путать, Антипаттерны.
Этот скилл выбирает какое направление. Для насколько дерзко/подвижно/плотно исполнить его (3 числовые шкалы 1-10) плюс механический сканер типовых AI-tells (em-dash, eyebrow-инфляция, AI-purple, три одинаковые карточки и т.д.) — соседний скилл design-taste. Для финальной сверки готового результата с референсом или безопасного редизайна живого кода — design-guardrails.