Перейти к руководству
brandавтор nextlevelbuilder

Brand Skill.

Навык для Claude Code и Codex для работы с брендом и дизайн-системами: голос бренда, визуальная идентичность, messaging-фреймворки и консистентность бренда.

  • Бренд и дизайн-системы
nextlevelbuilder/ui-ux-pro-max-skill · .claude/skills/brand/SKILL.mdSKILL.md
--- name: brand description: Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides. --- ## When to Use ## Script Paths ## Quick Start ## Brand Sync Workflow ## Subcommands ## Scripts
Метаданные и заголовки разделов прочитаны из исходного файла 2026-09-14 · 3 512 символов полностью

01 Что делает

Что делает Brand Skill в Claude Code и Codex

Сводка, рабочий процесс и результаты — всё прочитано из SKILL.md этого skill.

Из SKILL.mdПрочитано 14.09.2026 · не запись выполнения

Словами самого skill

Этот skill управляет идентичностью бренда, тоном голоса, фреймворками сообщений, стандартами визуальной идентичности и согласованностью ассетов. Он поддерживает единый источник истины в docs/brand-guidelines.md и синхронизирует его с design-tokens.json и design-tokens.css. Skill предоставляет скрипты для внедрения бренд-контекста в промпты, проверки именования и форматов ассетов, извлечения и сравнения цветов с палитрой, а также аудита согласованности бренда.

Он включает справочные фреймворки для тона голоса, визуальной идентичности, сообщений, управления цветом, типографики, использования логотипа и процессов согласования. Пользователи могут обновлять идентичность бренда и распространять изменения по всем дизайн-системам, а также проверять ассеты и контент на соответствие бренду.

Что он выдаёт

  • Файл CSS-переменных в assets/design-tokens.css
Смотрите пример запроса ↗

Как это работает

  1. 01
    Редактирование источника гайдлайнов бренда

    Измените docs/brand-guidelines.md — единый источник истины для всех определений бренда.

  2. 02
    Синхронизация с design tokens

    Запустите sync-brand-to-tokens.cjs, чтобы перенести изменения из гайдлайнов в assets/design-tokens.json и assets/design-tokens.css.

  3. 03
    Внедрение контекста в промпты

    Используйте inject-brand-context.cjs для извлечения контекста бренда и вставки его в промпты агента, опционально в формате JSON.

  4. 04
    Валидация ассетов

    Запустите validate-asset.cjs с указанием пути к ассету, чтобы проверить соответствие конвенциям именования, размеру и формату.

  5. 05
    Извлечение и сравнение цветов

    Используйте extract-colors.cjs, чтобы извлечь цвета из изображений или показать палитру, а затем сравнить их со стандартами бренда.

02 Определите своё применение

Когда использовать навык brand

Используйте skill brand в Claude Code или Codex, когда работа связана с брендом и дизайн-системами такого рода. Применимость и ограничения ниже взяты из собственного файла skill.

Хорошо подходит

  • Определение и документирование голоса бренда для создания контента
  • Разработка стандартов визуальной идентичности и гайд-буков стиля
  • Создание фреймворков сообщений для согласованной коммуникации
  • Аудит контента и ассетов на соответствие бренду
  • Организация, именование и утверждение брендовых ассетов

    03 Внутри скилла

    Правила, которые skill brand задаёт Claude Code и Codex

    5 конкретных инструкций, значений по умолчанию и ограничений, которые SKILL.md задает агенту, — та часть файла, которая меняет результат.

    1. Пути к скриптам указаны относительно директории Skill

      Пути к скриптам в этом skill и его референсах указаны относительно директории, содержащей SKILL.md, а не корня проекта.

    2. Синхронизация распространяется на токены JSON и CSS

      Скрипт sync-brand-to-tokens.cjs записывает данные как в assets/design-tokens.json, так и в assets/design-tokens.css.

    3. Ассеты проверяются на именование, размер и формат

      Скрипт validate-asset.cjs проверяет соответствие конвенциям именования ассетов, размер файла и соответствие формату.

    4. Подкоманда update синхронизирует изменения со всеми дизайн-системами

      Подкоманда update обновляет идентичность бренда и синхронизирует изменения во всех дизайн-системах.

    5. Подкоманды маршрутизируются из ARGUMENTS

      Извлеките подкоманду из первого слова $ARGUMENTS, загрузите соответствующий references/{subcommand}.md и выполните с оставшимися аргументами.

    04 Применение

    Установите brand в Claude Code или Codex

    Одна команда npx skills add, затем первая задача в вашем агенте и чек-лист для результата.

    Добавьте brand в Claude Code, Codex или ваш агент

    Запустите в своём проекте; установщик спросит, какому агенту его добавить.

    Terminal
    npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill brand

    Универсальная форма CLI skills для .claude/skills/brand/SKILL.md; репозиторий может документировать собственный путь.

    Дайте Skill первую рабочую задачу по бренду и дизайн-системе

    Написано в терминах самого skill; замените части в квадратных скобках своим материалом.

    Starter prompt
    Review [marketing-email.html] for brand voice consistency and validate [hero-image.png] against our logo usage rules and color palette. Update docs/brand-guidelines.md with the new tagline and sync the changes to design tokens.

    Источник: составлено по SKILL.md в терминах самого skill.

    Проверьте первый результат

    Что сам SKILL.md считает правильным результатом:

    • Сравните извлечённые цвета с фирменной палитрой
    • Проверьте контент по чек-листу соответствия бренду
    • Проверьте ассеты по чек-листу утверждения перед релизом

    В OpenDesign импортируйте бренд по ссылке из его SKILL.md: Plugins → Add → Skill → Import from link, затем выберите его в верхней панели.

    05 Открытый исходный код, проверяемость

    Источник, лицензия и проверка

    Откуда взяты факты на этой странице и когда они были последний раз проверены.

    Файл skill
    .claude/skills/brand/SKILL.md Контрольная сумма содержимого записана при проверке; коммит 7f69fed
    License
    MIT Из LICENSE.
    Звёзды репозитория
    127 450 Снимок GitHub от 14.09.2026 для всего репозитория nextlevelbuilder/ui-ux-pro-max-skill, который содержит 7 навыков из этого каталога. Не является рейтингом или счётчиком использования навыка brand.
    Проверено OpenDesign
    2026-09-14 Исходный файл, путь, текст лицензии и количество звезд были проверены. Не входит в основной комплект OpenDesign (проверено 2026-08-28); живой запуск не был записан на этой странице.

    Внутри SKILL.md

    1. Когда использоватьПеречисляет шесть сценариев: определение голоса бренда, визуальная идентика, сообщения, проверка согласованности, управление ассетами, цвет и типографика.
    2. Пути скриптовОбъясняет, что пути скриптов указываются относительно каталога skill, а не корня проекта.
    3. Быстрый стартКоманды для внедрения контекста бренда, проверки ассетов и извлечения или сравнения цветов.
    4. Рабочий процесс синхронизации брендаПроцесс из трёх шагов: редактирование гайдлайнов, синхронизация с токенами, проверка с помощью скрипта внедрения.
    5. ПодкомандыТаблица с подкомандой update, которая синхронизирует фирменную идентику со всеми дизайн-системами.
    6. Справочные материалыДесять справочных файлов, охватывающих голос, визуальную идентику, сообщения, согласованность, гайдлайны, ассеты, цвет, типографику, логотип, утверждение.
    7. СкриптыЧетыре скрипта для внедрения контекста, синхронизации с токенами, проверки ассетов, извлечения цветов.
    8. ШаблоныОдин стартовый шаблон для создания новых гайдлайнов бренда.
    9. МаршрутизацияМаршрутизация из трёх шагов: извлечение подкоманды из первого аргумента, загрузка справочного файла, выполнение с оставшимися аргументами.
    Собственное описание skill
    «Голос бренда, визуальная идентичность, структуры месседжинга, управление ресурсами, согласованность бренда. Активируйте для брендированного контента, тона голоса, маркетинговых материалов, соблюдения бренда, гайдов по стилю.»

    Описание из начала файла SKILL.md. Полный файл занимает примерно 3 512 символов. Читать полный файл на GitHub.

    Brand

    Запустите brand на реальной рабочей задаче по бренду и дизайн-системе.

    Скачайте OpenDesign, импортируйте brand по ссылке на его SKILL.md, вставьте запрос выше и прочитайте план перед результатом.

    Терминал
    npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill brand

    OpenDesign для компьютера

    Одна дизайн-система. Единый образ бренда во всех материалах

    В полном Vibe Design Workspace одни и те же правила бренда работают для сайтов, слайдов, интерактивных прототипов, дашбордов, изображений и HTML-видео. Подключите локальные Codex, Claude Code, Cursor и другие кодинг-агенты и создавайте бесплатно.

    • Сайты, слайды, прототипы, дашборды, изображения и видео
    • Более 140 дизайн-систем и полная библиотека шаблонов и навыков
    • Локальный Codex и более 21 кодинг-агента · Бесплатно
    Скачать бесплатно

    Для macOS и Windows