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

مصمم تخطيط لوحات المعلومات

تصور البيانات agent-skills filesystem MIT
⬇ تنزيل vsha-1b19773185b6

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

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

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

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

$npx @ai-dalil/skills add dashboard-layout-designer --agent codex

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

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

الوصف

عربي

يصمم تخطيط لوحات معلومات يُقرأ: هرم معلومات، مسافات تتنفس، وثبات مواضع يعني القرار قبل التفصيل.

English

Design readable dashboard layouts: information hierarchy, breathing space, and stable placement serving decisions first.

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

SKILL name
dashboard-layout-designer
الوصف الأصلي
Design readable dashboard layouts: information hierarchy, breathing space, and stable placement serving decisions first.
إصدار المهارة
1.1.0
التوافق
مكتبات رسم (matplotlib/Chart.js) أو أدوات لوحات
الأدوات المسموح بها
Read, Write
الكلمات المفتاحية
dashboards, layout, visualization, design
لغة المصدر
multilingual
الفرع / المرجع
main
دليل الترخيص
Original editorial content authored for the AiDalil catalog and released under MIT by the catalog owner. (high)

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

عرض Frontmatter الأصلي
name: dashboard-layout-designer
description: Design readable dashboard layouts: information hierarchy, breathing space, and stable placement serving decisions first.
version: 1.1.0
metadata:
  author: AiDalil Editorial
  category: data-visualization
  compatibility: claude-code, goose, codex-cli, github-copilot, cursor, api
  difficulty: intermediate
  tags: [dashboards, layout, visualization, design]

تعليمات SKILL.md

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

عرض التعليمات الكاملة
# Dashboard Layout Designer

**Goal:** Design readable dashboard layouts: information hierarchy, breathing space, and stable placement serving decisions first.

> الهدف: يصمم تخطيط لوحات معلومات يُقرأ: هرم معلومات، مسافات تتنفس، وثبات مواضع يعني القرار قبل التفصيل.

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

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

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

## Output contract
- ملخص رسالة الرسم في سطر واحد.
- شكل نهائي بصيغتين: عرض ونشر.
- ملاحظات تفسير جاهزة للمقدّم أو الكاتب.
- كود أو خطوات توليد الرسم قابلة للتكرار.

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

## Skill identity
- Skill name: `dashboard-layout-designer`
- Version: 1.1.0
- Domain: Data Visualization (تصور البيانات)
- Tags: dashboards, layout, visualization, design

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

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

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

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

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-1b19773185b6 3 كيلوبايت 2 4 نوفمبر، 2026 تحميل

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

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

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

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

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

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