메뉴
Количественный контроль дизайн-вкуса лендингов/портфолио/редизайнов — 3 шкалы 1-10 (DESIGN_VARIANCE/MOTION_INTENSITY/VISUAL_DENSITY) + сканер AI-tells. Триггер: «не как типовой AI-лендинг». НЕ для дашбордов/таблиц/форм; финальная проверка→design-guardrails.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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 | design-taste |
| description | Количественный контроль дизайн-вкуса лендингов/портфолио/редизайнов — 3 шкалы 1-10 (DESIGN_VARIANCE/MOTION_INTENSITY/VISUAL_DENSITY) + сканер AI-tells. Триггер: «не как типовой AI-лендинг». НЕ для дашбордов/таблиц/форм; финальная проверка→design-guardrails. |
| when_to_use | Дизайн лендинга, портфолио, маркетинг-страницы или редизайна существующего сайта, где нужна количественная калибровка «на сколько дерзко/подвижно/плотно» + механическая проверка на типовые AI-tells перед сдачей. НЕ для дашбордов, админок, таблиц данных, wizard-форм — там правит design-system (Fluent/Carbon/Radix), не эта шкала. |
Источник механики: Leonxlnx/taste-skill (MIT, 65k★, ресёрч канала @usefulrepa 2026-07-19/20). Дословный вендоринг оригинала (v2,
design-taste-frontend) —references/full-ruleset.md(1217 строк, все секции 0-14 + приложения с install-командами и Apple Liquid Glass approximation). Этот файл — рабочая выжимка под нашу дизайн-семью.
| Скилл | Что решает |
|---|---|
frontend-design | Какое эстетическое направление выбрать, когда нет бренда/референса (5 направлений: editorial/brutalist/soft/data/dark) |
design-taste (этот) | Насколько дерзко/подвижно/плотно исполнить выбранное направление (3 шкалы 1-10) + механический сканер AI-штампов |
design-guardrails | Проверка готового результата против референса/скриншота (Visual Diff PASS/FAIL) или безопасный редизайн существующего рабочего кода без поломки логики |
design-orchestrator | Диспетчер — решает, какие из трёх подключить и в каком порядке |
Рекомендованный порядок: design-orchestrator → (frontend-design ИЛИ готовая design-system) → design-taste (калибровка + AI-tell чек перед сдачей) → design-guardrails (финальная сверка, если есть референс или это редизайн живого кода).
Прочитай бриф: тип страницы (лендинг/портфолио/редизайн/editorial), вайб-слова пользователя, референсы (URL/скриншоты), аудитория, уже существующий бренд, тихие ограничения (accessibility-first, госсектор, регулируемая отрасль — они ПЕРЕБИВАЮТ эстетику).
Произнеси одну строку вслух до генерации: «Читаю это как: <тип страницы> для <аудитории>, язык <вайб>, тяготею к <эстетика/система>».
Если бриф неоднозначен — задай ОДИН уточняющий вопрос, не пачку. Если можешь уверенно вывести — не спрашивай.
Anti-Default Discipline: не скатывайся по умолчанию в AI-purple градиенты, центрированный hero над тёмным mesh, три одинаковые feature-карточки, Inter + slate-900. Это дефолты LLM — сознательно обходи их.
DESIGN_VARIANCE: 1-10 — 1 = идеальная симметрия, 10 = артовый хаосMOTION_INTENSITY: 1-10 — 1 = статика, 10 = кинематографичная физикаVISUAL_DENSITY: 1-10 — 1 = арт-галерея/воздух, 10 = кокпит/плотные данныеБазовые значения: 8 / 6 / 4. Не спрашивай пользователя редактировать эти числа — переопределение происходит в диалоге.
| Сигнал брифа | VARIANCE | MOTION | DENSITY |
|---|---|---|---|
| «минимализм / спокойно / editorial / Linear-style» | 5-6 | 3-4 | 2-3 |
| «премиум-консьюмер / Apple-стиль / люкс» | 7-8 | 5-7 | 3-4 |
| «игривый / дикий / Dribbble / Awwwards / агентство» | 9-10 | 8-10 | 3-4 |
| «лендинг / портфолио / маркетинг (по умолчанию)» | 7-9 | 6-8 | 3-5 |
| «trust-first / госсектор / регулируемое / a11y-критично» | 3-4 | 2-3 | 4-5 |
| «редизайн — сохранить» | как есть | +1 | как есть |
| «редизайн — переделать» | +2 | +2 | как есть |
| Use case | VARIANCE | MOTION | DENSITY |
|---|---|---|---|
| Лендинг SaaS (мейнстрим) | 7 | 6 | 4 |
| Лендинг агентство/креатив | 9 | 8 | 3 |
| Лендинг премиум-консьюмер | 7 | 6 | 3 |
| Портфолио дизайнера/студии | 8 | 7 | 3 |
| Портфолио разработчика | 6 | 5 | 4 |
| Editorial / блог | 6 | 4 | 3 |
| Госсектор / trust-first | 3 | 2 | 5 |
Технический справочник значений (что именно значит 1-3/4-7/8-10 в CSS-терминах для каждой шкалы) — Section 7 в references/full-ruleset.md.
Полный список — 60+ пунктов в Section 9 источника. Здесь — самые частые нарушения (по данным продакшн-тестов апстрима):
—/–) ПОЛНОСТЬЮ запрещён — в заголовках, эйбрау, пилюлях, теле текста, цитатах, кнопках, alt-тексте. Без исключений «в теле текста можно». Замена: обычный дефис -, точка, запятая.uppercase tracking-паттерны, сравни с ceil(sectionCount/3).#f5f1ea+#b08947+#1a1714 и вариации) — запрещена для cookware/wellness/artisan/luxury брифов, если бренд явно не просит именно эту палитру. Ротируй: Cold Luxury / Forest / Black-and-Tan / Cobalt+Cream / Terracotta+Slate.Fraunces и Instrument_Serif — забанены как дефолты (самые заезженные LLM-выборы).99.99%, 50%, 1234567 → органичные messy-данные (47.2%, +1 (312) 847-1928) либо реальные цифры из брифа.<div>-прямоугольников (fake terminal/dashboard/task-list) — Tell №1. Используй реальный скриншот, генерацию изображения, или пропусти превью.V0.6, BETA, v1.4.2, Build 0048) — запрещены на маркетинговых страницах, если бриф не про сам запуск продукта.00 / INDEX, 001 · Capabilities, Stage 1/2/3) — запрещена. Называй тему обычным языком.Scroll, ↓ scroll to explore) — не нужны, пользователь и так знает про скролл.window.addEventListener('scroll', ...) — жёсткий бан в анимациях (джанк, нет батчинга). Используй useScroll()/ScrollTrigger/IntersectionObserver/CSS animation-timeline: view().Полный чек-лист (Pre-Flight Check, ~70 пунктов, включая Color/Shape/Button-Contrast Consistency Locks, Hero Stack Discipline, Bento Cell Count, Reduced Motion, Dark Mode Parity) — Section 14 в references/full-ruleset.md. Прогоняй его перед сдачей landing/portfolio-артефактов такого же уровня строгости, как quality-gates.md для кода.
Перед правкой существующего сайта определи режим:
Если неясно — спроси ОДИН раз: «Сохраняем бренд или начинаем визуально с нуля?»
Порядок модернизации (стоп когда бриф удовлетворён): типографика → spacing/ритм → цвет → motion-слой → hero/ключевые секции → полная замена блока (последний резерв).
Никогда не менять молча: URL/route slugs, primary nav labels, имена/порядок form-полей (аналитика), логотип, юридический/cookie-текст.
Для безопасной хирургии существующего РАБОЧЕГО кода (JS-логика неприкосновенна, только CSS/className) — это уже механика design-guardrails (Sacred vs Slop), не дублируй здесь, переключайся туда.
При сдаче design-taste-калиброванного артефакта укажи явно (коротко, в чате, не в файле):
Design Read: <тип> для <аудитории>, <вайб>
Dials: VARIANCE=X MOTION=Y DENSITY=Z (откуда: бриф/пресет)
AI-tells пройдено: N/15 (см. п.2) — или список нарушений если есть осознанные исключения
Дашборды, дата-таблицы, wizard-формы, редакторы кода, нативный мобильный UI, realtime-collab UI — это НЕ зона design-taste (используй design-system: Fluent/Carbon/Atlassian/Polaris — см. Section 2.A источника). Явно скажи об этом и укажи правильный инструмент, если бриф — один из этих случаев.