📦

claude-d3js-skill

Name: claude-d3js-skill
Author: sickn33

مراجعة المحتوى r1 مخاطر عالية ⚙️ الأوامر الخارجية📁 الوصول إلى نظام الملفات🌐 الوصول إلى الشبكة

إنشاء تصورات D3.js تفاعلية

يتطلب عمل التصورات المخصصة باستخدام D3.js العديد من أنماط المخططات وخيارات التكامل. توفر هذه المهارة إرشادات وقوالب ومراجع قابلة لإعادة الاستخدام لبناء مخططات SVG تفاعلية.

يدعم: Claude Codex Code(CC)

⚠️ 38 ضعيف

توقف واطلب التأكيد قبل التثبيت.

راجع الخطة واحصل على موافقة صريحة من المستخدم قبل تغيير الملفات.

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل

Review the Skillstore skill "claude-d3js-skill" from https://skillstore.io/skills/sickn33-claude-d3js-skill.md and its manifest at https://skillstore.io/api/skills/sickn33-claude-d3js-skill/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/sickn33-claude-d3js-skill.md manifest موقَّع GET /api/skills/sickn33-claude-d3js-skill/manifest lockfile موقَّع GET /api/skills/sickn33-claude-d3js-skill/lockfile

اختبرها

جارٍ استخدام "claude-d3js-skill". طلب لإنشاء مخطط أعمدة مكدس متجاوب يقارن مقاييس المنتج الشهرية.

النتيجة المتوقعة:

خطة تنفيذ D3 تتضمن معالجة البيانات المجمعة والسلاسل المكدسة ومقاييس النطاق والمحاور ووسيلة الإيضاح وملاحظات التحجيم المتجاوب.

جارٍ استخدام "claude-d3js-skill". طلب لإنشاء مخطط تشتت تفاعلي داخل تطبيق React.

النتيجة المتوقعة:

استجابة موجهة بالمكونات تغطي refs ودورة حياة عرض D3 وسلوك التكبير وحالة التلميح والتسميات الميسرة.

جارٍ استخدام "claude-d3js-skill". طلب لتحسين لوحة ألوان غير قابلة للقراءة.

النتيجة المتوقعة:

توصية بلوحة ألوان منقحة باستخدام أنظمة ألوان D3 وإرشادات التباين وبدائل آمنة لعمى الألوان.

التدقيق الأمني

مخاطر عالية

v4 • ٥‏/٧‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

Most static findings are false positives caused by Markdown code fences, JavaScript template literals, D3 data keys, or chart styling text. One low network dependency is confirmed because the documentation shows a remote D3 CDN script, and one semantic finding notes unsafe tooltip HTML interpolation for untrusted data.

الملفات التي تم فحصها

3,216

الأسطر التي تم تحليلها

عناصر المراجعة

تم تجاهل الإيجابيات الكاذبة

مخاوف أمنية مؤكدة (1)

مرتفع

assets/interactive-template.jsx:112-118 SKILL.md:572

Unsanitized Tooltip HTML Rendering

The skill shows tooltips built with .html() and unescaped data fields such as d.label and d.category. If generated charts render untrusted data, this can allow script or markup injection in the page.

The code directly passes interpolated data fields into D3 .html() tooltip content. The risk depends on data trust, but the unsafe sink is explicit.

عناصر مراجعة القدرات (1)

هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.

منخفض

SKILL.md:41

Hardcoded URL

The skill documents loading D3 from https://d3js.org/d3.v7.min.js, which creates an external script dependency if copied into output. This is not exfiltration, but it has supply-chain and network availability implications.

عوامل الخطر

⚙️ الأوامر الخارجية (102)

📁 الوصول إلى نظام الملفات (1)

references/d3-patterns.md:366

🌐 الوصول إلى الشبكة (1)

SKILL.md:41

دقّقه: codex عرض سجل التدقيق →

شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار

نسخ رابط التقرير

https://skillstore.io/skills/sickn33-claude-d3js-skill/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-claude-d3js-skill/security.svg)](https://skillstore.io/skills/sickn33-claude-d3js-skill?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/sickn33-claude-d3js-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-claude-d3js-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

بطاقة قابلة للتضمين

<iframe src="https://skillstore.io/embed/skills/sickn33-claude-d3js-skill.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

الاستشهادات الأكاديمية (APA · BibTeX · CFF)

اقتباس APA

sickn33. (2026). claude-d3js-skill security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-claude-d3js-skill/audits/4

اقتباس BibTeX

@techreport{sickn33-sickn33-claude-d3js-skill-2026,
  author = {sickn33},
  title = {claude-d3js-skill security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/sickn33-claude-d3js-skill/audits/4},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "claude-d3js-skill security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "sickn33"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/sickn33-claude-d3js-skill/audits/4"
identifiers:
  - type: other
    value: "skillstore:sickn33-claude-d3js-skill:audit:4"
    description: "Skillstore immutable audit report identifier"

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: متوسط

الهندسة المعمارية

قابلية الصيانة

المحتوى

المجتمع

الامتثال للمواصفات

ما الذي يمكنك بناؤه

بناء مخططات لوحات معلومات مخصصة

أنشئ مخططات مصممة خصيصا عندما لا تستطيع مكتبات المخططات القياسية التعبير عن التخطيط أو التفاعل المطلوب.

إنشاء نماذج أولية لواجهات تحليلات المنتج

صمم مكونات مخططات قائمة على React باستخدام مقاييس D3 ومحاوره وتلميحاته وسلوك التكبير.

إنشاء رسوم بيانية تفسيرية للبيانات

حضّر تصورات SVG مصقولة للتقارير وملخصات الأبحاث وقصص البيانات العامة.

جرّب هذه الموجّهات

بداية مخطط أساسي

أنشئ مخطط أعمدة D3.js لمجموعة البيانات هذه. ضمّن الهوامش والمقاييس والمحاور والتسميات وخيار ألوان واضحا.

مكون مخطط تفاعلي

ابن مكون React يعرض مخطط تشتت D3 تفاعليا مع تلميحات وتكبير وحالة النقطة المحددة.

اختيار الترميزات البصرية

أوصِ بنهج تصور D3 لهذه البيانات وهذا الهدف. اشرح المقاييس ونظام الألوان والتفاعلات والمفاضلات.

تصور شبكة متقدم

أنشئ مخطط شبكة موجها بالقوى مع سلوك السحب والتسميات والألوان المجمعة ووسائل الإيضاح واعتبارات الأداء.

أفضل الممارسات

حدد الأبعاد والهوامش والمقاييس والمحاور قبل رسم العلامات.
استخدم D3 لحسابات البيانات وتحديثات SVG عندما يوفر تحكما واضحا.
اهرب أو نظف القيم المقدمة من المستخدم قبل وضعها في تلميحات HTML.

تجنب

لا تستخدم D3 عندما تلبي مكتبة مخططات ثابتة بسيطة المتطلبات.
لا تعيد رسم المخططات المعقدة في كل عملية عرض دون التحقق من التبعيات.
لا تدرج بيانات غير موثوقة داخل HTML الخاص بالتلميحات.

الأسئلة المتكررة

ما الذي تساعد هذه المهارة في بنائه؟

تساعد في بناء مخططات D3.js مخصصة وتصورات SVG ومخططات تفاعلية ومكونات مخططات React.

هل تتضمن قوالب جاهزة للاستخدام؟

نعم. تتضمن قوالب React أساسية وتفاعلية بالإضافة إلى أنماط مرجعية لأنواع مخططات D3 الشائعة.

هل يمكنها المساعدة في اختيار مقياس D3 المناسب؟

نعم. تشرح المراجع خيارات المقاييس الخطية والنطاقية والترتيبية والزمنية واللوغاريتمية وغيرها.

هل تدعم السلوك التفاعلي؟

نعم. تغطي التلميحات والتكبير والتحريك والفرشاة والانتقالات وتفاعلات السحب.

هل هي آمنة للبيانات غير الموثوقة؟

استخدمها بحذر. يجب أن تنظف أو تهرب أمثلة التلميحات التي تعرض HTML القيم غير الموثوقة أولا.

هل هذا مخصص للتصور ثلاثي الأبعاد؟

لا. توصي المهارة باستخدام Three.js للتصورات ثلاثية الأبعاد.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

مراجعة Skillstore

تنبيه الإصدار

لم يعلن المؤلف عن إصدار.

المستودع

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/claude-d3js-skill

مرجع

6425ec35f4ac137735cff58cd7877843bba23e3b

حداثة الصيانة

٢٣‏/٧‏/٢٠٢٦

الاستخدام

11 تنزيلات · 172 مشاهدات

بنية الملفات

📁 assets/

📄 chart-template.jsx

📄 interactive-template.jsx

📄 sample-data.json

📁 references/

📄 colour-schemes.md

📄 d3-patterns.md

📄 scale-reference.md

📄 SKILL.md

claude-d3js-skill

التثبيت باستخدام Agent لدي

موارد مهيّأة لـ Agents

اختبرها

التدقيق الأمني

مخاوف أمنية مؤكدة (1)

عوامل الخطر

نسخ رابط التقرير

شارة Markdown

شارة HTML

بطاقة قابلة للتضمين

اقتباس APA

اقتباس BibTeX

CITATION.cff

تقييم Skillstore

ما الذي يمكنك بناؤه

بناء مخططات لوحات معلومات مخصصة

إنشاء نماذج أولية لواجهات تحليلات المنتج

إنشاء رسوم بيانية تفسيرية للبيانات

جرّب هذه الموجّهات

أفضل الممارسات

تجنب

الأسئلة المتكررة

تفاصيل المطور

المزيد من sickn33

content-creator

prompt-engineering-patterns

senior-architect

senior-fullstack

prompt-engineer

product-manager-toolkit

vercel-react-view-transitions

react-dev

senior-frontend

material-component-doc

nextjs-optimization

vercel-react-best-practices

claude-d3js-skill

التثبيت باستخدام Agent لدي

موارد مهيّأة لـ Agents

اختبرها

التدقيق الأمني

مخاوف أمنية مؤكدة (1)

عوامل الخطر

نسخ رابط التقرير

شارة Markdown

شارة HTML

بطاقة قابلة للتضمين

اقتباس APA

اقتباس BibTeX

CITATION.cff

تقييم Skillstore

ما الذي يمكنك بناؤه

بناء مخططات لوحات معلومات مخصصة

إنشاء نماذج أولية لواجهات تحليلات المنتج

إنشاء رسوم بيانية تفسيرية للبيانات

جرّب هذه الموجّهات

أفضل الممارسات

تجنب

الأسئلة المتكررة

تفاصيل المطور

المزيد من sickn33

content-creator

prompt-engineering-patterns

senior-architect

senior-fullstack

prompt-engineer

product-manager-toolkit

مهارات ذات صلة

vercel-react-view-transitions

react-dev

senior-frontend

material-component-doc

nextjs-optimization

vercel-react-best-practices