Kullanım kılavuzuna geç
brandyazan nextlevelbuilder

Brand Skill.

Claude Code ve Codex için marka ve tasarım sistemi skill'i: marka sesi, görsel kimlik, mesajlaşma çerçeveleri ve marka tutarlılığı.

  • Brand & Design Systems
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
Ön bilgi ve bölüm başlıkları 2026-09-14 tarihinde kaynak dosyadan okunmuştur · tam hali 3.512 karakter

01 Ne yapar

Marka Skill'i Claude Code ve Codex'te ne yapar

Özet, iş akışı ve çıktılar; hepsi skill'in SKILL.md dosyasından okundu.

SKILL.md'den14-09-2026 tarihinde okundu · kayıtlı bir çalıştırma değil

Skill'in Kendi İfadeleriyle

Bu skill; marka kimliği, ses tonu, mesajlaşma çerçeveleri, görsel kimlik standartları ve varlık tutarlılığını yönetir. docs/brand-guidelines.md dosyasında tek bir doğruluk kaynağı tutar ve bunu design-tokens.json ile design-tokens.css dosyalarına senkronize eder. Skill, promptlara marka bağlamı enjekte etmek, varlık adlandırmasını ve biçimlerini doğrulamak, renkleri çıkarıp paletle karşılaştırmak ve marka tutarlılığını denetlemek için betikler sağlar.

Ses tonu, görsel kimlik, mesajlaşma, renk yönetimi, tipografi, logo kullanımı ve onay iş akışları için referans çerçeveler içerir. Kullanıcılar marka kimliğini güncelleyip değişiklikleri tüm tasarım sistemlerine yayabilir veya varlıkları ve içeriği marka uyumluluğu açısından inceleyebilir.

Neler üretir

  • assets/design-tokens.css konumundaki CSS değişkenleri dosyası
Örnek istemi görün ↗

Nasıl Çalışır

  1. 01
    Marka Kılavuzu Kaynağını Düzenleyin

    Tüm marka tanımları için tek doğruluk kaynağı olan docs/brand-guidelines.md dosyasını değiştirin.

  2. 02
    Design Token'lara Senkronize Edin

    Kılavuzlardaki değişiklikleri assets/design-tokens.json ve assets/design-tokens.css dosyalarına yaymak için sync-brand-to-tokens.cjs'i çalıştırın.

  3. 03
    Prompt'lara Bağlam Ekleyin

    Ajan prompt'larına eklenmek üzere marka bağlamını çıkarmak için, isteğe bağlı olarak JSON olarak, inject-brand-context.cjs kullanın.

  4. 04
    Varlıkları Doğrulayın

    Adlandırma kurallarını, boyutu ve format uyumluluğunu kontrol etmek için validate-asset.cjs'i bir varlık yolu ile çalıştırın.

  5. 05
    Renkleri Çıkarın ve Karşılaştırın

    Görsellerden renk çıkarmak veya paleti görüntülemek için extract-colors.cjs kullanın, ardından marka standartlarıyla karşılaştırın.

02 Uyumunuzu bulun

brand becerisini ne zaman kullanmalı

Bu tür marka ve tasarım sistemi işlerinde brand skill'ini Claude Code veya Codex'te kullanın. Aşağıdaki uygunluk ve sınırlar skill'in kendi dosyasından alınmıştır.

İyi Uyum

  • İçerik oluşturma için marka sesini tanımlama ve belgeleme
  • Görsel kimlik standartları ve stil kılavuzları geliştirme
  • Tutarlı iletişim için mesajlaşma çerçeveleri oluşturma
  • İçeriği ve varlıkları marka tutarlılığı için denetleme
  • Marka varlıklarını düzenleme, adlandırma ve onaylama

    03 Skill'in içinde

    brand Skill'in Claude Code ve Codex'e Verdiği Kurallar

    Ajanın için SKILL.md dosyasının belirlediği 5 somut talimat, varsayılan ve sınır — dosyanın sonucu değiştiren kısmı.

    1. Betik Yolları Skill Dizinine Göre Relatiftir

      Bu skill ve referanslarındaki betik yolları, proje köküne göre değil, SKILL.md'yi içeren dizine göredir.

    2. Senkronizasyon JSON ve CSS Token'larına Yayılır

      sync-brand-to-tokens.cjs betiği hem assets/design-tokens.json hem de assets/design-tokens.css dosyalarına yazar.

    3. Varlıklar Adlandırma, Boyut ve Format İçin Doğrulanır

      validate-asset.cjs betiği varlık adlandırma kurallarını, dosya boyutunu ve format uyumluluğunu kontrol eder.

    4. Update Alt Komutu Tüm Design System'lere Senkronize Eder

      update alt komutu marka kimliğini günceller ve değişiklikleri tüm design system'ler arasında senkronize eder.

    5. Alt Komutlar ARGUMENTS Üzerinden Yönlendirilir

      Alt komutu $ARGUMENTS'in ilk kelimesinden ayrıştırın, ilgili references/{subcommand}.md dosyasını yükleyin ve kalan argümanlarla çalıştırın.

    04 İşe koyun

    brand'i Claude Code veya Codex'e yükleyin

    Bir npx skills add komutu, ardından ajanınızda ilk görev ve sonuç için bir kontrol listesi.

    brand'i Claude Code, Codex veya ajanınıza ekleyin

    Projenizde çalıştırın; kurulum aracı, bunun hangi ajana ekleneceğini sorar.

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

    .claude/skills/brand/SKILL.md için genel skills CLI biçimi; depo kendi yolunu belgeleyebilir.

    Skill'e İlk Marka ve Tasarım Sistemi İş Görevini Verin

    Skill'in kendi terimleriyle yazıldı; köşeli parantezli bölümleri kendi malzemenizle değiştirin.

    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.

    Kaynak: SKILL.md'den, skill'in kendi terimleriyle yazıldı.

    İlk Sonucu Kontrol Edin

    SKILL.md'nin doğru bir sonucun nasıl göründüğüne dair söyledikleri:

    • Çıkarılan renkleri marka paletiyle karşılaştırın
    • İçeriği marka tutarlılığı kontrol listesine göre gözden geçirin
    • Yayınlamadan önce varlıkları onay kontrol listesine göre denetleyin

    OpenDesign'da markayı SKILL.md bağlantısından içe aktarın: Plugins → Add → Skill → Import from link, ardından üst çubukta seçin.

    05 Açık kaynak, izlenebilir

    Kaynak, Lisans ve Doğrulama

    Bu sayfadaki bilgilerin nereden geldiği ve en son ne zaman kontrol edildiği.

    Skill dosyası
    .claude/skills/brand/SKILL.md İçerik sağlama toplamı doğrulama sırasında kaydedildi; commit 7f69fed
    License
    MIT LICENSE dosyasından.
    Repository yıldızları
    127.450 GitHub anlık görüntüsü 2026-09-14 tarihinde nextlevelbuilder/ui-ux-pro-max-skill deposunun tamamı için alınmıştır; bu depoda katalogda yer alan 7 skill bulunmaktadır. brand için bir değerlendirme veya kullanım sayısı değildir.
    OpenDesign tarafından doğrulandı
    2026-09-14 Kaynak dosya, yol, lisans metni ve yıldız sayısı kontrol edildi. OpenDesign ana sürümünde dahil değil (2026-08-28 kontrol edildi); bu sayfada canlı bir çalıştırma kaydedilmedi.

    SKILL.md içinde

    1. Ne Zaman KullanılırAltı senaryo listeler: ses tanımı, görsel kimlik, mesajlaşma, tutarlılık incelemesi, varlık yönetimi, renk ve tipografi.
    2. Betik YollarıBetik yollarının proje köküne değil, skill dizinine göre olduğunu açıklar.
    3. Hızlı BaşlangıçMarka bağlamını enjekte etmek, varlıkları doğrulamak ve renkleri çıkarmak veya karşılaştırmak için komutlar.
    4. Marka Senkronizasyon İş AkışıÜç adımlı süreç: yönergeleri düzenle, token'lara senkronize et, enjeksiyon betiğiyle doğrula.
    5. Alt KomutlarMarka kimliğini tüm tasarım sistemlerine senkronize eden update alt komutunu içeren tablo.
    6. ReferanslarSes, görsel kimlik, mesajlaşma, tutarlılık, yönergeler, varlıklar, renk, tipografi, logo, onay konularını kapsayan on referans dosyası.
    7. BetiklerBağlam enjekte etmek, token'lara senkronize etmek, varlıkları doğrulamak ve renkleri çıkarmak için dört betik.
    8. ŞablonlarYeni marka yönergeleri oluşturmak için bir başlangıç şablonu.
    9. YönlendirmeÜç adımlı yönlendirme: alt komutu ilk argümandan ayrıştır, referansı yükle, kalan argümanlarla çalıştır.
    Skill'in Kendi Açıklaması
    "Marka sesi, görsel kimlik, mesajlaşma çerçeveleri, varlık yönetimi, marka tutarlılığı. Markalı içerik, ses tonu, pazarlama varlıkları, marka uyumu, stil kılavuzları için etkinleştirin."

    SKILL.md'den ön bilgi açıklaması. Dosyanın tamamı yaklaşık 3.512 karakterdir. Dosyanın tamamını GitHub'da okuyun.

    Brand

    brand'i Gerçek Bir Marka ve Tasarım Sistemi İş Görevinde Çalıştırın.

    OpenDesign'ı indirin, brand'i SKILL.md bağlantısından içe aktarın, yukarıdaki istemi yapıştırın ve sonuçtan önce planı okuyun.

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

    OpenDesign Masaüstü

    Tek tasarım sistemi. Her çıktıda tutarlı bir marka

    Tam Vibe Design Workspace içinde aynı marka kurallarını web sitelerine, sunumlara, etkileşimli prototiplere, panolara, görsellere ve HTML videolara uygulayın. Yerel Codex, Claude Code, Cursor ve diğer kodlama ajanlarını bağlayıp ücretsiz üretin.

    • Web, sunum, prototip, pano, görsel ve video
    • 140+ tasarım sistemi ve eksiksiz şablon ile beceri kitaplığı
    • Yerel Codex ve 21+ kodlama ajanını bağlayın · Ücretsiz
    Ücretsiz indir

    macOS ve Windows için