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ı
Nasıl Çalışır
- 01Marka 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.
- 02Design 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.
- 03Prompt'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.
- 04Varlı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.
- 05Renkleri Çı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.