تخطَّ إلى المحتوى
+ أضف منتج إنشاء حساب تسجيل الدخول

بانٍ أدلة النمط البصري

التصميم والهوية البصرية agent-skills MIT
⬇ تنزيل vsha-c198e8de74d4

SHA-256: c198e8de74d4493a2c0d03a16251fedc76caff94a2255c607ba116e17660816c 3 كيلوبايت

✦ جاهزة لبيئة عملك

ثبّت هذه المهارة مباشرة داخل وكيلك

اختر الوكيل، انسخ الأمر، وشغّله من مجلد مشروعك. يتولى CLI تنزيل الحزمة والتحقق من بصمة SHA-256 ووضع الملفات في المسار المناسب.

$npx @ai-dalil/skills add visual-style-guide-builder --agent codex

@ai-dalil/skills على npm - Node.js 18.18 أو أحدث.

↓ تنزيل ZIP · الإصدار sha-c198e8de74d4 بيانات API ↗ سجل الإصدارات ↗

الوصف

عربي

يبني دليل نمط بصري مختصر: شعار واستخداماته، ألوان، خطوط، وأمثلة تطبيق رقمي ومطبوع، بصيغة موزعة بسهولة.

English

Build compact visual style guides: logo uses, colors, typography, and digital and print examples in an easily shared format.

بيانات المهارة التقنية

SKILL name
visual-style-guide-builder
الوصف الأصلي
Build compact visual style guides: logo uses, colors, typography, and digital and print examples in an easily shared format.
إصدار المهارة
2.0.0
التوافق
وكيل يدعم إنتاج نصوص وSVG/CSS
الأدوات المسموح بها
Read, Write
الكلمات المفتاحية
style-guide, branding, design, documentation
لغة المصدر
multilingual
الفرع / المرجع
main
دليل الترخيص
Original editorial content authored for the AiDalil catalog and released under MIT by the catalog owner. (high)

بيانات المصدر الأصلية (YAML)

عرض Frontmatter الأصلي
name: visual-style-guide-builder
description: Build compact visual style guides: logo uses, colors, typography, and digital and print examples in an easily shared format.
version: 2.0.0
metadata:
  author: AiDalil Editorial
  category: brand-design
  compatibility: kilo-code, github-copilot, claude-code, gemini-cli, droid, api
  difficulty: intermediate
  tags: [style-guide, branding, design, documentation]

تعليمات SKILL.md

المحتوى الأصلي للمهارة كما ورد من المصدر، مع الحفاظ على تنسيق Markdown.

عرض التعليمات الكاملة
# Visual Style Guide Builder

**Goal:** Build compact visual style guides: logo uses, colors, typography, and digital and print examples in an easily shared format.

> الهدف: يبني دليل نمط بصري مختصر: شعار واستخداماته، ألوان، خطوط، وأمثلة تطبيق رقمي ومطبوع، بصيغة موزعة بسهولة.

## When to use
- الحالة النموذجية: يبني دليل نمط بصري مختصر: شعار واستخداماته، ألوان، خطوط، وأمثلة تطبيق رقمي ومطبوع، بصيغة موزعة بسهولة.
- تجهيز ملفات جاهزة للطباعة بأبعاد وألوان صحيحة.
- بناء مجموعة أيقونات أو عناصر رسومية متسقة.
- إعداد أدلة استخدام العلامة للفرق والموردين.
- تقييم اتساق الهوية في حملة أو منتج.

## Workflow
1. وثّق قواعد الاستخدام والاستخدامات الممنوعة بأمثلة صحيحة وخاطئة.
2. طبّق النظام على ثلاث حالات واقعية: رقمية، مطبوعة، وحركية أو اجتماعية.
3. راجع المخرجات مقابل المبادئ وسجّل أي استثناء معتمد.
4. اجمع المدخلات الاستراتيجية: رسالة العلامة، شخصيتها، ومنافسوها البصريون.
5. استكشف اتجاهين مختلفين على الأقل قبل التوسع في الاتجاه المختار.
6. ضع مبادئ بصرية ثلاثاً إلى خمسة توجّه كل القرارات اللاحقة.
7. ابنِ النظام: الألوان بمعانٍ محددة، الخطوط بأدوار واضحة، والمسافات بقواعد.
8. حدّد نطاق العمل: بانٍ أدلة النمط البصري. اذكر الجمهور والقنوات والمخرجات المطلوبة.

## Rules
- التباين والقراءة يتفوقان على الزخرفة في كل مادة عملية.
- قرار بصري بلا مبرر مرتبط بالاستراتيجية يُرفض في المراجعة.
- التسلسل الهرمي للخطوط محدود بثلاثة أدوار كحد أقصى.
- الشعار له مساحة أمان دائمة ولا يُشوَّه أو يُعاد تلوينه عشوائياً.
- لا تُستخدم ألوان خارج اللوحة المعتمدة إلا باستثناء موثق.

## Output contract
- لوحة ألوان بأدوار وقيم دقيقة.
- نظام طباعة بأدوار وأحجام مقترحة.
- ملخص اتجاه بصري مع المبادئ المعتمدة.
- دليل استخدام مختصر بأمثلة صحيحة وخاطئة.

## Quality checks
- [ ] هل تبدو المخرجات الثلاثة كأنها من عائلة واحدة؟
- [ ] هل اللوحة اللونية مطبقة بأدوارها لا بأذواق فردية؟
- [ ] هل أُرشفت الأصول بصيغ أصلية وقابلة للتصدير معاً؟
- [ ] هل دليل الاستخدام يمنع الحالات الخاطئة الشائعة صراحة؟
- [ ] هل ملفات الطباعة بصيغة صحيحة مع نزيف ومساحة قص؟

## Skill identity
- Skill name: `visual-style-guide-builder`
- Version: 2.0.0
- Domain: Graphic and Brand Design (التصميم والهوية البصرية)
- Tags: style-guide, branding, design, documentation

التثبيت اليدوي

استخدم هذا المسار عند عدم استخدام CLI أو عند إدارة ملفات المهارات يدويًا.

  1. نزّل ملف ZIP للإصدار المطلوب من أعلى الصفحة، أو افتح المصدر الأصلي إذا لم تتوفر حزمة مستضافة.
  2. فك الضغط، ثم انقل مجلد المهارة الذي يحتوي مباشرة على SKILL.md إلى مجلد الوكيل.
  3. أعد تحميل الوكيل أو افتح جلسة جديدة، ثم تأكد من ظهور المهارة ضمن المهارات المتاحة.
Codex.agents/skills/visual-style-guide-builder/
Claude Code.claude/skills/visual-style-guide-builder/
Cursor.cursor/skills/visual-style-guide-builder/

تعليمات خاصة بهذه المهارة

Extract the skill folder into your agent's skills directory (for example the project skills folder) or install the ZIP package from the skill page. No build step is required; everything is Markdown.

حالات الاستخدام

• تقييم اتساق الهوية في حملة أو منتج. • تجهيز ملفات جاهزة للطباعة بأبعاد وألوان صحيحة. • بناء مجموعة أيقونات أو عناصر رسومية متسقة.

المتطلبات

• Any Agent Skills compatible assistant (Claude Code, Claude Desktop, or API agents). • Basic file access to read the bundled reference playbook. • No external services required for the standard workflow.

الإصدارات

الإصدار الحجم الملفات تاريخ النشر تنزيل
vsha-c198e8de74d4 3 كيلوبايت 2 4 نوفمبر، 2026 تحميل

الأمان والفحص

فحص أساسي ✓ — 1 نوفمبر، 2026

مجتمع يبني قدرات أفضل

هل طوّرت مهارة تستحق أن يكتشفها الآخرون؟

ساهم في إثراء مكتبة المهارات، وعرّف المجتمع على عملك مع حفظ نسبه إلى مصدره الأصلي.

أرسل مهارة كيف تعمل المهارات؟
قسم المهارات — دليل AIالعودة إلى دليل AI ↗