스킬 brand-guide
🎨

brand-guide

낮은 위험 ⚡ 스크립트 포함

Создание гайдлайнов бренда

Документация по бренду требует ручного извлечения и организации из нескольких файлов. Этот навык генерирует комплексные гайдлайны бренда с цветами, типографикой, изображениями и рекомендациями по tone of voice, извлечёнными из вашей кодовой базы.

지원: Claude Codex Code(CC)
📊 71 적절함
1

스킬 ZIP 다운로드

2

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

3

토글을 켜고 사용 시작

테스트해 보기

"brand-guide" 사용 중입니다. Извлечь элементы бренда из нашей WordPress темы

예상 결과:

  • Основные цвета: #EDEAE3 (Кремовый), #07254B (Тёмно-синий)
  • Акцентные цвета: #B4C1D1 (Светло-синий)
  • Основной шрифт: Manrope (Google Fonts)
  • Voice: Профессиональный, Утончённый, Надёжный
  • Breakpoints: Мобильный <768px, Планшет 768-1024px, Десктоп >1024px

"brand-guide" 사용 중입니다. Создать гайдлайн бренда для новой компании

예상 결과:

  • Основной цвет: #2D3748 (Сланцевый)
  • Вторичный цвет: #ED8936 (Оранжевый)
  • Типографика: шрифт Inter с начертаниями 300/400/700
  • Voice: Профессиональный, Чёткий, Ориентированный на клиента
  • Мобильный: По умолчанию (без префикса), Планшет: md:, Десктоп: lg:

보안 감사

낮은 위험
v5 • 1/16/2026

All 128 static findings are FALSE POSITIVEs. The backticks flagged as 'shell command execution' are markdown inline code delimiters. The 'weak cryptographic algorithm' flags are RGB color values, font weights, and hex codes. This is a pure documentation skill with one Python utility script that reads CSS/PHP files and outputs brand data. No network calls, no sensitive data access, no obfuscation. Only accesses specified theme directories for reading. Low risk due to minimal attack surface.

4
스캔된 파일
1,044
분석된 줄 수
1
발견 사항
5
총 감사 수

위험 요인

⚡ 스크립트 포함 (1)
감사자: claude 감사 이력 보기 →

품질 점수

45
아키텍처
100
유지보수성
85
콘텐츠
31
커뮤니티
90
보안
91
사양 준수

만들 수 있는 것

Документирование дизайн-систем

Извлекать и организовывать элементы бренда из существующих кодовых баз в переиспользуемые гайдлайны

Создание документации бренда

Генерировать техническую документацию бренда для фронтенд-реализаций и разработки тем

Поддержание一致性 бренда

Создавать справочные материалы, обеспечивающие единообразие voice, tone и визуальных стандартов по всем каналам

이 프롬프트를 사용해 보세요

Извлечь из темы
Используйте навык brand-guide для извлечения цветов и шрифтов из WordPress темы по пути /path/to/theme и создайте гайдлайн бренда
Создать с нуля
Создайте гайдлайн бренда для нового бренда с основным цветом #1a365d, акцентным цветом #ed8936, основным шрифтом Inter и tone of voice, который является профессиональным и доступным
Документировать breakpoints
Добавьте документацию по контрольным точкам адаптивного дизайна в гайдлайн бренда с подходом mobile first
Сгенерировать полный гайд
Сгенерируйте полный гайдлайн бренда, включая цвета, типографику, рекомендации по изображениям, voice и tone, а также адаптивные спецификации

모범 사례

  • Запустите extract-brand.py на вашей реальной теме для получения точных значений цветов
  • Просмотрите и дополните извлечённые данные рекомендациями по voice и tone
  • Обновляйте гайдлайны бренда при внесении изменений в дизайн

피하기

  • Использование гайдлайнов бренда без проверки соответствия реальному коду
  • Включение цветов, которые фактически не используются в продукте
  • Написание расплывчатых рекомендаций по voice без конкретных примеров

자주 묻는 질문

Какие форматы файлов поддерживает этот навык?
Он читает CSS и PHP файлы из WordPress тем. Вывод может быть в формате JSON, YAML или Markdown.
Сколько цветов он может извлечь?
Скрипт извлекает все значения цветов, найденные в CSS custom properties, inline стилях и Tailwind классах.
Работает ли этот навык с не-WordPress темами?
Да, он может анализировать любые CSS и PHP файлы на наличие определений цветов и шрифтов.
Безопасны ли мои данные?
Вся обработка выполняется локально. Скрипт только читает указанные директории тем и выводит в выбранное вами место.
Почему некоторые цвета отсутствуют в извлечённых данных?
Цвета, определённые в JavaScript, SVG файлах или растровых изображениях, не могут быть извлечены этим скриптом.
Чем это сравнивается с библиотеками Figma или Sketch?
Этот навык генерирует текстовую документацию. Для визуальных файлов дизайна используйте Figma или Sketch напрямую.

개발자 세부 정보

파일 구조