freemcplab / الدليل / الملعب / Claude d3.js Skill

● مجتمع chrisvoncsefalvay ⚡ فوري

Claude d3.js Skill

Name: Claude d3.js Skill (Claude Skill)
Author: chrisvoncsefalvay

بواسطة chrisvoncsefalvay · chrisvoncsefalvay/claude-d3js-skill

A Claude skill for d3.js — interactive data visualization creation.

Claude d3.js Skill is a Claude skill maintained by chrisvoncsefalvay. A Claude skill for d3.js — interactive data visualization creation. See README for installation and configuration: https://github.com/chrisvoncsefalvay/claude-d3js-skill

▶ شاهد العرض 📦 التثبيت 💡 حالات الاستخدام

لماذا تستخدمه

الميزات الأساسية

A Claude skill for d3.js — interactive data visualization creation.
Language: JavaScript
173+ GitHub stars at verification time
Community project

عرض مباشر

كيف يبدو في الممارسة

claude-d3js-skill.replay ▶ جاهز

0/0

التثبيت

اختر العميل

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "claude-d3js-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/chrisvoncsefalvay/claude-d3js-skill"
      ],
      "_inferred": true
    }
  }
}

افتح Claude Desktop → Settings → Developer → Edit Config. أعد التشغيل بعد الحفظ.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "claude-d3js-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/chrisvoncsefalvay/claude-d3js-skill"
      ],
      "_inferred": true
    }
  }
}

يستخدم Cursor نفس مخطط mcpServers مثل Claude Desktop. إعدادات المشروع أولى من الإعدادات العامة.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "claude-d3js-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/chrisvoncsefalvay/claude-d3js-skill"
      ],
      "_inferred": true
    }
  }
}

انقر على أيقونة MCP Servers في شريط Cline الجانبي، ثم "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "claude-d3js-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/chrisvoncsefalvay/claude-d3js-skill"
      ],
      "_inferred": true
    }
  }
}

نفس الصيغة مثل Claude Desktop. أعد تشغيل Windsurf لتطبيق التغييرات.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "claude-d3js-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/chrisvoncsefalvay/claude-d3js-skill"
      ]
    }
  ]
}

يستخدم Continue مصفوفة من كائنات الخادم بدلاً من خريطة.

~/.config/zed/settings.json

{
  "context_servers": {
    "claude-d3js-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/chrisvoncsefalvay/claude-d3js-skill"
        ]
      }
    }
  }
}

أضف إلى context_servers. يعيد Zed التحميل تلقائيًا عند الحفظ.

claude mcp add claude-d3js-skill -- git clone https://github.com/chrisvoncsefalvay/claude-d3js-skill

أمر من سطر واحد. تحقق باستخدام claude mcp list. احذف باستخدام claude mcp remove.

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

استخدامات عملية: Claude d3.js Skill

Use Claude d3.js Skill for its primary workflow

👤 Claude Code users ⏱ ~20 min intermediate

متى تستخدمه: See repo README for canonical use cases.

المتطلبات الأساسية

Repo cloned or installed — See undefined

الخطوات

Install

Install Claude d3.js Skill per README.✓ تم النسخ

→ Tool registered with client
Configure

Provide credentials/config as instructed.✓ تم النسخ

→ Successful auth/init
Use

Run a sample task with Claude d3.js Skill.✓ تم النسخ

→ Expected output

النتيجة: You can drive the documented workflow end-to-end.

المزالق

Skipping README — Read the repo README and CHANGELOG before shipping to prod.

الأدوات

ما يوفره هذا الـ MCP

الأداة	المدخلات	متى تستدعيها	التكلفة
primary	see README	Primary action	free

التكلفة والحدود

تكلفة التشغيل

حصة API: None of its own; bounded by upstream provider quotas if any
الرموز لكل استدعاء: Depends on usage
التكلفة المالية: Open source — check repo LICENSE
نصيحة: Review upstream API costs (if any) before automating.

الأمان

الصلاحيات والأسرار ونطاق الأثر

الحد الأدنى من الصلاحيات: Whatever the upstream provider requires

تخزين بيانات الاعتماد: Env vars or local config — never commit secrets

نقل البيانات الخارجي: Forwards data per its README

لا تمنح أبدًا: Full admin to untrusted prompts

Project moves fast — pin a version in production.

استكشاف الأخطاء

الأخطاء الشائعة وحلولها

Auth fails

Verify credentials and required scopes match README.

تحقق: Re-read repo README auth section.

Tool not found by client

Ensure MCP client config points to correct command/path.

تحقق: Restart the client after editing config.