Habilidades brand-guide
🎨

brand-guide

Riesgo bajo ⚡ Contiene scripts

إنشاء أدلة أنماط العلامة التجارية

يتطلب توثيق العلامة التجارية استخراجًا وتنظيمًا يدويًا عبر ملفات متعددة. تولد هذه المهارة أدلة شاملة لأنماط العلامة التجارية مع الألوان والطباعة وإرشادات الصور والصوت المستخرجة من قاعدة الكود الخاصة بك.

Soporta: Claude Codex Code(CC)
📊 69 Adecuado
1

Descargar el ZIP de la skill

2

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

3

Activa y empieza a usar

Pruébalo

Usando "brand-guide". استخراج عناصر العلامة التجارية من ثيم WordPress الخاص بنا

Resultado esperado:

  • الألوان الأساسية: #EDEAE3 (كريمي), #07254B (أزرق داكن)
  • الألوان التكميلية: #B4C1D1 (أزرق فاتح)
  • الخط الأساسي: Manrope (Google Fonts)
  • الصوت: احترافي، متطور، جدير بالثقة
  • نقاط التوقف: الهاتف المحمول <768px, الجهاز اللوحي 768-1024px, سطح المكتب >1024px

Usando "brand-guide". إنشاء دليل علامة تجارية لشركة جديدة

Resultado esperado:

  • اللون الأساسي: #2D3748 (رمادي-Arslate)
  • اللون الثانوي: #ED8936 (برتقالي)
  • الطباعة: خط Inter مع أوزان 300/400/700
  • الصوت: احترافي، واضح، مركز على العميل
  • الهاتف المحمول: افتراضي (بدون بادئة), الجهاز اللوحي: md:, سطح المكتب: lg:

Auditoría de seguridad

Riesgo bajo
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
Archivos escaneados
1,044
Líneas analizadas
1
hallazgos
5
Auditorías totales

Factores de riesgo

⚡ Contiene scripts (1)

Puntuación de calidad

45
Arquitectura
100
Mantenibilidad
85
Contenido
21
Comunidad
90
Seguridad
91
Cumplimiento de la especificación

Lo que puedes crear

توثيق أنظمة التصميم

استخراج وتنظيم عناصر العلامة التجارية من قواعد الكود الحالية إلى أدلة أنماط قابلة لإعادة الاستخدام

بناء توثيق العلامة التجارية

توليد توثيق تقني للعلامة التجارية لتطبيقات الواجهة الأمامية وتطوير الثيمات

الحفاظ على اتساق العلامة التجارية

إنشاء مواد مرجعية تضمن صوت العلامة التجارية والمعايير البصرية والمرئية عبر جميع القنوات

Prueba estos prompts

استخراج من الثيم
استخدم مهارة brand-guide لاستخراج ألوان العلامة التجارية والخطوط من ثيم WordPress في /path/to/theme وإنشاء دليل علامة تجارية
إنشاء من الصفر
أنشئ دليل أنماط علامة تجارية لعلامة تجارية جديدة باللون الأساسي #1a365d واللون التكميلي #ed8936 والخط الأساسي Inter وصوت احترافي وقريب
توثيق نقاط التوقف
أضف توثيق نقاط توقف التصميم المتجاوب إلى دليل العلامة التجارية مع نهج الهاتف المحمول أولاً
توليد الدليل الكامل
أنشئ دليل أنماط علامة تجارية كامل يتضمن الألوان والطباعة وإرشادات الصور والصوت والنبرة والمواصفات المتجاوبة

Mejores prácticas

  • تشغيل extract-brand.py على الثيم الفعلي للحصول على قيم ألوان دقيقة
  • مراجعة وتعزيز البيانات المستخرجة مع إرشادات الصوت والنبرة
  • الحفاظ على تحديث أدلة العلامة التجارية عند إجراء تغييرات التصميم

Evitar

  • استخدام أدلة العلامة التجارية دون التحقق من قاعدة الكود الفعلية
  • تضمين الألوان التي لا تُستخدم فعليًا في المنتج
  • كتابة إرشادات صوت غامضة دون أمثلة ملموسة

Preguntas frecuentes

ما هي تنسيقات الملفات التي تدعمها هذه المهارة؟
يقرأ ملفات CSS و PHP من ثيمات WordPress. يمكن أن يكون الإخراج JSON, YAML, أو Markdown.
كم عدد الألوان التي يمكنه استخراجها؟
يستخرج البرنامج النصي جميع قيم الألوان الموجودة في خصائص CSS المخصصة والأنماط المضمنة وفئات Tailwind.
هل تعمل هذه المهارة مع الثيمات غير WordPress؟
نعم، يمكنه تحليل أي ملفات CSS و PHP لتعريفات الألوان والخطوط.
هل بياناتي آمنة؟
جميع المعالجة محلية. يقرأ البرنامج النصي فقط مجلدات الثيمات المحددة ويخرج إلى الموقع الذي تختاره.
لماذا بعض الألوان مفقودة من الاستخراج؟
لا يمكن استخراج الألوان المحددة في JavaScript أو ملفات SVG أو أصول الصور بواسطة هذا البرنامج النصي.
كيف يقارن هذا بمكتبات Figma أو Sketch؟
تولد هذه المهارة توثيقًا قائمًا على النص. لملفات التصميم البصري، استخدم Figma أو Sketch مباشرة.

Detalles del desarrollador

Estructura de archivos